微信小程序通过定位和腾讯地图逆地址解析生成相对应的地址
·
1、需要在腾讯地图的开发者平台注册key,下载小程序sdk,创建使用sdk的文件,以及全局App.json进行配置
import QQMapWx from '../qqMap/qqmap-wx-jssdk.min'
export default new QQMapWx({
key: 'F6PBZ-VDILZ-KPGXN-TJFBW-NFVL5-BUBVN'
})
"requiredPrivateInfos": [
"getLocation",
"chooseLocation"
],
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
}
2、通过微信小程序的getLocation获取到经纬度信息,之后经过解析获取到具体的位置信息
// index.js
import qqMap from '../util/qqmap'
Page({
data:{
address:'11'
},
onLoad(){
this.getLoation()
},
async getLoation() {
const { latitude, longitude } = await wx.getLocation();
console.log(latitude, longitude);
qqMap.reverseGeocoder({
location: {
latitude: latitude,
longitude: longitude
},
success: (result) => {
const province = result.result.address_component.district;
console.log(result.result.address_component.district);
this.setData({
address: province
})
},
fail: (err) => {
console.log('逆地理编码失败:', err);
}
});
}
})
更多推荐
所有评论(0)