uni-app根据经纬度逆解析详细地址

uni-app中的getLocation()方法可以获取到用户当前的地理位置(经纬度)、速度。


但是返回参数中的address在app中才会显示,小程序中不会显示,所以我们需要进行逆解析其地址,解析出它的地址信息。

1.首先要在腾讯位置服务中"控制台>应用管理>我的应用"中添加应用并生成Key

注意填写的appid是你项目用的appid,如果是测试,则勾选域名白名单即可,如果是正式项目,则需要在文本框里填写具体,(可选项:勾选授权ip,并将你本机电脑的ip及测试环境和正式环境的域名ip填入其中,勾选serveiceApi,里面写入域名)

2.去小程序后台开发管理-开发工具-服务器域名配置添加(https://apis.map.qq.com),添加完成之后去重新编译一下小程序并去开发者工具项目配置中刷新,如果看到有这个域名了则代表添加成功了

3.到这一步前期的准备工作已经做完了,接下来就直接上代码按钮

cpp 复制代码
			getLocation() {
				let that = this
				uni.getLocation({
					type: 'wgs84',
					success: (res) => {
						let location = res.latitude + ',' + res.longitude
						//调用逆解析接口
						uni.request({
							url: 'https://apis.map.qq.com/ws/geocoder/v1/?location=location',//腾讯官方逆解析接口,可直接复制
							data: {
								location: location,
 
								'key': "xxxx-xxxx-xxxx-xxxx-xxxx-xxxx",//自己申请的Key
							},
							method: "GET",
							success(res) {
								console.log(res,'解析成功返回的参数');
							},
                            fail: res=> {
						        console.log(res.errMsg,'解析失败返回的错误信息');
					        }
						})
						//服务器域名的配置文件中"request合法域名"中需要添加调用的"https://apis.map.qq.com"
 
					}
				});
			},

请求成功后会得到如下图所示的返回参数

相关推荐
云边云科技_云网融合19 分钟前
连锁门店组网怎么做?SD-WAN 多分支组网的架构选型、部署与成本结构
服务器·数据库·php
泡海椒36 分钟前
# 深度解析JQuick-SQL Join重排序与哈希连接执行机制
数据库·sql·哈希算法
划破黑暗的第一缕曙光1 小时前
[C++]:5.STL:string(2)
java·c++·redis
acrel71 小时前
医院用电隐患治理与节能降耗及智慧能源平台应用
网络·数据库
hhhjhl1 小时前
Undici 跨端三方库仓颉适配全流程
java·开发语言·ubuntu
wangchunyu1141 小时前
JAVA JVM内存结构与运行时数据区
java·开发语言·jvm
snow@li2 小时前
PowerDesigner 全景教程:从业务建模、表结构设计、关系管理到正向/逆向、文档输出
数据库
ss2732 小时前
PostgreSQL表级锁、行级锁、轻量级锁
数据库·postgresql·区块链
光锥智能2 小时前
海康机器人举行2026移动机器人新品发布会:箱式存拣升级,「明智」系列发布
java·前端·机器人
行思理2 小时前
Nginx 跨站请求(CORS)配置完全指南:从原理到生产实践
java·前端·nginx