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