uniapp 小程序 高德/腾讯逆地点解析
**1.微信小程序先获取getLocationAPI权限
2.manifest.json文件中加上
https://i-blog.csdnimg.cn/direct/d62d961d834d4b62b8bf6992be205db2.png
“permission” : {
“scope.userLocation” : {
“desc” : “你的位置将用于小程序位置接口的效果展示”
}
},
“requiredPrivateInfos” : [ “getLocation” ]
高德
getLocation() {
uni.getLocation({
type: ‘wgs84’,
success: (res) => {
this.latitude = res.latitude
this.longitude = res.longitude
this.reverseGeocode(res.latitude, res.longitude);
},
fail: (err) => {
this.error = err;
console.error(‘定位失败:’, err);
}
});
},
// 逆地理编码函数
reverseGeocode(latitude, longitude) {
const key = 'xxxxx; // 换成你自己的AppKey
const url = https://restapi.amap.com/v3/geocode/regeo?key=${key}&location=${longitude},${latitude};
uni.request({
url: url,
method: ‘GET’,
success: (res) => {
if (res.statusCode === 200 && res.data.status === ‘1’) {
// res.data.regeocode.addressComponent.province + res.data.regeocode.addressComponent.city +
this.location = res.data.regeocode.addressComponent.streetNumber.street + res.data
.regeocode.addressComponent.streetNumber.number,
this.pageNo = 1
this.indexList()
} else {
console.error(‘逆地理编码失败:’, res.data);
}
},
fail: (error) => {
console.error(‘哀求失败:’, error);
}
});
},
腾讯
var QQMapWx = require(‘@/utils/qqmap-wx-jssdk.min.js’)
// 文件下载地点https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
var qqMapSdk = new QQMapWx({
key: ‘XXXXXX’
})
getLocation() {
uni.getLocation({
type: ‘wgs84’,
success: (res) => {
this.latitude = res.latitude
this.longitude = res.longitude
this.reverseGeocode(res.latitude, res.longitude);
},
fail: (err) => {
this.error = err;
console.error(‘定位失败:’, err);
}
});
},
// 逆地理编码函数
reverseGeocode(latitude, longitude) {
qqMapSdk.reverseGeocoder(({
location: {
latitude: latitude,
longitude: longitude,
},
success: (res) => {
this.location = res.result.address_component.street_number
},
fail: (error) => {
console.log(error)
}
}))
},
注意:
1.腾讯开发认证企业并分配逆地点解析配额
2.微信开放平台设置腾讯域名
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]