uniapp 小程序中使用逆地址解析获取当前详细地址

倘若hfl

已于 2023-06-14 13:46:02 修改

阅读量2.1k

点赞数 2

分类专栏： Uni-app Wechart 文章标签：小程序 uni-app

于 2022-01-13 10:05:39 首次发布

本文链接：https://blog.csdn.net/hu104160112/article/details/122467284

版权

在uniapp和微信小程序中，虽然getLocation和chooseLocation API能获取经纬度，但无法直接得到省市区等详细地址。通过逆地址解析接口，可以解决这一问题。首先在腾讯位置服务官网申请key，然后在项目中构建请求URL（https://apis.map.qq.com/ws/geocoder/v1/?location=纬度,经度&key=关键），利用经纬度和key获取详细地址信息。" 128051983,9529705,Ajax前端技术详解与跨域解决方案,"['Ajax', '前端开发', 'JavaScript']

摘要由CSDN通过智能技术生成

描述

获取当前定位的经纬度后使用逆地址解析获取到详细的地址
uniapp和微信小程序获取地址有两个API，getLocation和chooseLocation，但都没有返回省市区等具体信息，那我们可以获取当前经纬度，然后使用逆地址解析接口去获取更多信息

逆地址解析概述
在这里插入图片描述
使用步骤

1.前往腾讯位置服务官网申请key
https://lbs.qq.com/dev/console/user/info
填写自己小程序的appid
在这里插入图片描述
2.使用
是的，拿到key之后就可以在项目中使用了

uni.getLocation({
   type: 'wgs84',
	isHighAccuracy:true, //开启高精度定位
    success: (res)=> {
        console.log('当前位置的经纬度：' ,res.longitude, res.latitude);
		uni.request({
		    url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${res.latitude},${res.longitude}&key=${key}`,
		    da