高德地图api,H5定位省市区街道信息。
由于uniapp的uni.getLocation
在H5不能获取到省市区街道信息,所以这里使用高德的逆地理编码接口地址接口,通过传key和当前经纬度,获取到省市区街道数据。
这里需要注意的是:**高德地图API 申请的key,必须是WEB服务端**
,才可以使用逆地址编码接口。
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
},
});