小程序使用经纬度通过腾讯位置服务、小程序jdk、逆地址解析（位置描述）获取到详细信息

最新推荐文章于 2024-06-21 14:22:23 发布

Cc_Debugger

最新推荐文章于 2024-06-21 14:22:23 发布

阅读量221

点赞数 6

分类专栏：高德/百度地图文章标签：小程序

本文链接：https://blog.csdn.net/Xiang_Gong_Ya_/article/details/139826665

版权

高德/百度地图专栏收录该内容

12 篇文章 0 订阅

订阅专栏

小程序后台

在这里插入图片描述

注册账户

在这里插入图片描述

控制台新建应用

在这里插入图片描述

配额

下载jdk

在这里插入图片描述
下载

在这里插入图片描述

逆地址解析（位置描述）

const QQMapWX = require('../../libs/qqmap-wx-jssdk.min.js');

  getPosition() {
    console.log('getPosition');
    const that = this
    const qqmapsdk = new QQMapWX({
      key: 'JRKBZ-NVERJ-HCMF2-XCOR4-KQFBH-75FOO'
    });
    wx.getLocation({
      type: 'wgs84', // 默认为wgs84的GPS坐标，gcj02则返回可用于微信地图的坐标
      success: function (res) {
        const latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
        const longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
        const speed = res.speed; // 速度，以米/每秒计
        const accuracy = res.accuracy; // 位置精度
        console.log('当前位置纬度：' + latitude + ', 经度：' + longitude, speed, accuracy);

        qqmapsdk.reverseGeocoder({
          location: {
            latitude: latitude,
            longitude: longitude
          },
          success(res) {
            const address = res.result.address;
            console.log('详细地址:', address);
            that.setData({
              address: address
            })
          },
          fail(err) {
            console.error('逆地理编码失败', err);
          }
        });

        // 通过后端接口获取位置详细信息
        // request('', 'post', {
        //   latitude: latitude,
        //   longitude: longitude
        // }).then((res) => {
        //   console.log(res);
        //   if (res.msg === 'success') {
        //     that.setData({
        //       address: res
        //     })
        //   }
        // })
      },
      fail: function (err) {
        console.log('获取位置失败', err);
      },
      complete: function () {
        // 成功或失败都会执行的回调
      }
    })

  },