- 申请开发者密钥
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) } }) } }) }
