高德地图api，H5定位省市区街道信息。
由于uniapp的uni.getLocation在H5不能获取到省市区街道信息，所以这里使用高德的逆地理编码接口地址接口，通过传key和当前经纬度，获取到省市区街道数据。
这里需要注意的是：**高德地图API 申请的key，必须是WEB服务端**，才可以使用逆地址编码接口。
文章来源：https://www.toymoban.com/news/detail-611697.html
uni.getLocation({
type: 'gcj02', //返回可以用于uni.openLocation的经纬度
geocode: true,
success: (res) => {
// #ifdef APP-PLUS
this.city = res.address.city;
// #endif
this.latitude = res.latitude;
this.longitude = res.longitude;
// #ifdef H5
uni.request({
url: 'https://restapi.amap.com/v3/geocode/regeo', //逆地理编码接口地址。
data: {
key: 'eb144****************f2e0c',
//location：经纬度 lng ：经度 lat：纬度
location: this.longitude + ',' + this.latitude,
radius: 1000,
extensions: 'all',
batch: false,
roadlevel: 0
},
success: (res) => {
console.log(res.data);
//详细地址信息
if (res.statusCode == 200 && res.data.info == 'OK') {
this.city = res.data.regeocode.addressComponent.city
}
}
});
// #endif
},
});
文章来源地址https://www.toymoban.com/news/detail-611697.html
到了这里，关于uniapp：H5定位当前省市区街道信息的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
