- 申请开发者密钥
https://lbs.qq.com/console/key.html - 下载微信小程序JavaScriptSDK
- 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
- 实例
import QQMapWX from '../utils/qqmap-wx-jssdk.min.js'; //引入SDK核心类
/**
*获取用户当前地理位置
*/
getUserLocation() {
var qqmapsdk;
var me = this;
wx.getSetting({ //判断是否授权
success(res) {
wx.getLocation({
type: 'wgs84', //返回可以用于wx.openLocation的经纬度
success(res) {
console.log('已授权')
qqmapsdk = new QQMapWX({
key: "HZBBZ-TEXC2-6PXUG-CI34Z-QUZVE-3TF7R", //自己申请的key
})
qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success(addressRes) {
me.city = addressRes.result.address_component.city;//举例获取城市,获取其他的可以参照下文图片
me.$apply();
},
fail(res) {
console.log(res)
}
})
},
fail(res) {
console.log('未授权')
console.log(res)
}
})
}
})
}