微信小程序-经纬度逆解析详细地址

Posted 2022-10-19

1. 申请开发者密钥（key）：​​申请密钥​​
2. 开通webserviceAPI服务：控制台 ->​​key管理​​ -> 设置（使用该功能的key）-> 勾选webserviceAPI -> 保存
   (小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需要具备相应的权限)
3. 下载微信小程序javascriptSDK，微信小程序​​JavaScriptSDK v1.2​​
4. 安全域名设置，在“设置” -> “开发设置”中设置request合法域名，添加https://apis.map.qq.com
5. 小程序示例

const QQMapWX = require(../../libs/qqmap-wx-jssdk.min.js);
const wxMap = new QQMapWX(
  key: ****-GP***-RB***-B**US-****-RZ**Y // 必填
);

 onShow () 
    /**经纬度逆解析 */
    this.reverseGeocoder()
  ,

 /**经纬度逆解析 */
  reverseGeocoder() 
    const that = this;
    wx.getLocation(
      type: gcj02,
      success: function (res) 
        var latitude = res.latitude
        var longitude = res.longitude
        wxMap.reverseGeocoder(
          location: 
            latitude: latitude,
            longitude: longitude
          ,
          success: function (res) 
            const  city  = res.result.address_component
            console.log(city);
            that.setData(
              city,
            )
          ,
        );
      ,
      fail(res) 
        console.log(res)
      
    )
  ,

　　

2. 使用方法
文档地址http://lbs.qq.com/qqmap_wx_jssdk/index.html
使用方法

微信小程序-经纬度逆解析详细地址

​

 

​​https://lbs.qq.com/service/webService/webServiceGuide/webServiceOverview​​