高德地图api,H5定位省市区街道信息。
由于uniapp的uni.getLocation
在H5不能获取到省市区街道信息,所以这里使用高德的逆地理编码接口地址接口,通过传key和当前经纬度,获取到省市区街道数据。
这里需要注意的是:**高德地图API 申请的key,必须是WEB服务端**
,才可以使用逆地址编码接口。
uni.getLocation({type: 'gcj02', //返回可以用于uni.openLocation的经纬度geocode: true,success: (res) => {// #ifdef APP-PLUSthis.city = res.address.city;// #endifthis.latitude = res.latitude;this.longitude = res.longitude;// #ifdef H5uni.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},
});