uni-app app定位当前地理位置

使用uni-app获取地理位置

最新推荐文章于 2025-04-15 11:20:09 发布

原创最新推荐文章于 2025-04-15 11:20:09 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍如何通过uni-app框架获取用户的地理位置信息，并实现地址解析，包括经纬度到具体地址的转换，适用于移动应用开发。

首先申请地图的key,然后在manifest.json文件中配置,如下图
在这里插入图片描述
下面直接上代码

getLocation: function() {
	let that = this
	uni.getLocation({
	type: 'wgs84',
	geocode: true,  
	success: function(res) {
		var point = new plus.maps.Point(res.longitude, res.latitude);
		plus.maps.Map.reverseGeocode(
			point,
			{},
			function(event) {
				var address = event.address; // 转换后的地理位置
				var point = event.coord; // 转换后的坐标信息
				var coordType = event.coordType; // 转换后的坐标系类型
				console.log(address, 'address');
				var reg = /.+?(省|市|自治区|自治州|县|区)/g;
				console.log(address.match(reg));
					let addressList=address.match(reg).toString().split(",");
					let cityTitle= addressList[1];
					if (cityTitle.length > 0) {
						let lastChares = cityTitle.substring(cityTitle.length - 1);
						if (lastChares == "市") {
							cityTitle = cityTitle.substring(0, cityTitle.length - 1);
						}
						// 全局定义触发的事件
						uni.$emit('upadteLoaction', cityTitle)
					}
				},
				function(e) {}
			);
			
		},
		fail: (err) => {
			console.log('err ==>',err);
		}
	});
},