uniapp:H5定位当前省市区街道信息

高德地图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
	},
});

在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp中获取省市区街道信息可以通过使用高德地图的逆地理编码接口来实现。首先,需要在高德地图申请一个WEB服务端的key才能使用该接口。然后,在uni.getLocation方法中设置geocode为true来获取经纬度和省市区街道信息。最后,使用uni.request方法向高德地图的逆地理编码接口发送请求,传入key和当前的经纬度,即可获取到省市区街道的数据。 需要注意的是,在H5uni.getLocation无法获取到省市区街道信息,所以需要使用高德的逆地理编码接口来获取。另外,如果需要获取更详细的地址信息,可以下载一个包含中华人民共和国省市区街道的address.json文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [uniappH5定位当前省市区街道信息](https://blog.csdn.net/qq_40745143/article/details/131956543)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatgptT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [uniapp省市区三级联动,uview组件,向上唤起式,内附地址文件](https://blog.csdn.net/weixin_44510655/article/details/125969637)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatgptT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值