uniapp获取用户位置信息

最新推荐文章于 2025-06-09 09:21:27 发布

疲惫的马喽

最新推荐文章于 2025-06-09 09:21:27 发布

阅读量290

点赞数 3

CC 4.0 BY-SA版权

文章标签： uni-app 微信小程序

本文链接：https://blog.youkuaiyun.com/Crazy___Promise/article/details/147427196

1.高德开放平台创建应用

2.申请key

3.需要用到逆地理编码所以选择web服务

4.小程序代码中manifest.json文件配置

"permission": {
			"scope.userLocation": {
				"desc": "你的位置信息将用于展示附近服务"
			}
	},
"requiredPrivateInfos": ["getLocation", "chooseLocation"],

5.获取地址代码

// 获取当前位置
			getLocation() {
				uni.getLocation({
					type: 'gcj02',
					success: async (res) => {
						const {
							latitude,
							longitude
						} = res;
						// 调用高德API
						const key = 换成你自己的key; 
						const url =
							`https://restapi.amap.com/v3/geocode/regeo?key=${key}&location=${longitude},${latitude}`;
						const response = await uni.request({url});
						console.log('用户所在位置', response[1].data.regeocode.addressComponent.city);
					},
					fail: (err) => {
						uni.showToast({
							title: '获取位置失败',
							icon: 'none'
						});
					}
				});
			},