uniapp定位（腾讯地图定位和高德定位）

最新推荐文章于 2025-04-16 20:21:00 发布

取名字真难1995

最新推荐文章于 2025-04-16 20:21:00 发布

阅读量2.5k

点赞数

文章标签：小程序 es6 前端

本文链接：https://blog.youkuaiyun.com/qq_41687724/article/details/121245374

版权

本文主要介绍了在uniApp中遇到的腾讯地图定位不准的问题，指出腾讯地图即便写死经纬度也可能存在约1km的误差，不推荐使用。随后转向高德地图，通过配置html页面和相关代码实现，实现了精准的定位效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先尝试的腾讯地图，定位太差了，先 npm install qqmap-wx-jssdk

// 腾讯地图 获取精度太差
		// 获取经纬度
		GetLocation(){
			let _this = this
			uni.getLocation({
			    type: 'wgs84',//gcj02
			    success(res) {
			        // console.log('当前位置的经度：' + res.longitude);
			        // console.log('当前位置的纬度：' + res.latitude);
					// let pos = {
					// 	longitude: 120.716694 ,
					// 	latitude: 30.727476
					// }
					_this.GetNowCityInfo(res)  //获取城市信息
			    }
			});
		},
		// 获取当前城市信息
		GetNowCityInfo(lag) {
			let QQMapWX = require('qqmap-wx-jssdk')
			let qqmapsdk = new QQMapWX({
			    key: 'TKUBZ-D24AF-GJ4JY-JDVM2-IBYKK-KEBCU'
			})
			console.log(lag.longitude + ',' +lag.latitude);
			qqmapsdk.reverseGeocoder({
				 coord_type:1, 
				 get_poi:1,
				 poi_opt