-
申请开发者密钥(key):申请密钥
-
通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)
-
下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2
-
安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
-
复制腾讯地图的key
实例
// 引入SDK核心类
import QQMapWX from '@/common/js/qqmap-wx-jssdk.min.js'
// 获取经纬度
GetLocation(){
uni.getLocation({
type: 'wgs84',
success: function (res) {
console.log('当前位置的经度:' + res.longitude);
console.log('当前位置的纬度:' + res.latitude);
GetNowCityInfo(res) //获取城市信息
}
});
},
// 获取当前城市信息
GetNowCityInfo(lag) {
let qqmapsdk = new QQMapWX({
key: 'xxxxxxxxxxxxxxxxxxx' //腾讯地图 - 申请开发者密钥(key)
});
qqmapsdk.reverseGeocoder({
location: {
longitude: lag.longitude
latitude: lag.latitude
},
success(res) {
conosle.log(‘当前位置信息’,res)
if (res.status == 0 && res.message == "query ok") {
let city = res.result.address_component.city;
}
}
})
}