1.访问https://lbs.qq.com/qqmap_wx_jssdk/index.html,按他的步骤完成准备工作(腾讯位置服务)
-
申请开发者密钥(key):申请密钥
-
开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存
(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)
-
下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2
-
安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
2.在小程序app.json中添加权限
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于获取收货地址"
}
},
3.在页面引用腾讯位置服务获取位置
const QQMapWX = require('../../../utils/qqmap-wx-jssdk.js'); //第一步中下载的JavaScriptSDK
const qqmapsdk= new QQMapWX({
key: '第一步中的Key密钥值'
});
Page({
getLocation(){
//获取用户经纬度
wx.getLocation({
type: 'wgs84', //开发环境下用'gcj02'
success: res=> {
const latitude = res.latitude;
const longitude = res.longitude;
qqmapsdk.reverseGeocoder({
//根据经纬度获取详细信息
location: {
latitude: latitude,
longitude: longitude
},
success: function (res) {
//获取到定位的处理
console.log(res.result);
})
},
fail: function (res) {
//获取定位失败的处理
console.log(res);
},
})
},
fail: ()=> {
//用户拒绝授权的处理
}
})
})