微信小程序经纬度转化为具体位置(逆地址解析)

乎语百科 304 0

小程序wx.getLocation只能获取经纬度, 这时候想要具体地址就需要借助第三方sdk(逆地址解析) 我这边第三方以腾讯位置服务举例

一. 首先小程序需要申请wx.getLocation接口权限

1. 登录小程序后台 https://mp.weixin.qq.com/     开发=>开发管理=>接口设置

微信小程序经纬度转化为具体位置(逆地址解析)

 2. app.json中配置下

{

    "permission": {
        "scope.userLocation": {
          "desc": "授权定位有助于提高蓝牙水表的连接成功率"
        }
    },
    "requiredPrivateInfos": [
        "getLocation"
    ]
}

3. 现在先注册腾讯地图,获取key    https://lbs.qq.com/dev/console/key/manage

然后创建应用=>申请key

微信小程序经纬度转化为具体位置(逆地址解析)

 4. 下载SDKhttps://lbs.qq.com/qqmap_wx_jssdk/index.html

https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

微信小程序经纬度转化为具体位置(逆地址解析)

最后详细代码:

// index.js
// 引入SDK核心类,js文件根据自己业务,位置可自行放置
var QQMapWX = require('../../utils/tools/qqmap-wx-jssdk.min');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: '申请的key'
});

Page({
  data: {

  },

  // 微信获取位置信息=>腾讯位置服务解析
  getLocationQqmapsdk(){
    wx.getLocation({
        type: "gcj02",
        success(res) {
          console.log(res);
          qqmapsdk.reverseGeocoder({
            location:{
              latitude: res.latitude,
              longitude: res.longitude
            },
            success: function (res1) {
              console.log(res1.result);

            },
            fail: function (res) {
              console.log(res);
            }
          })
        },
        fail(err) {

        }
    });
  },

});

效果:微信小程序经纬度转化为具体位置(逆地址解析)

字段描述 :

微信小程序经纬度转化为具体位置(逆地址解析)

腾讯服务文档: https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

更多参考: https://blog.csdn.net/z3287852/article/details/122145355

标签:

留言评论

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~