解决navigator.geolocation.getCurrentPosition 百度地图定位不准的问题

最新推荐文章于 2025-07-11 09:33:52 发布

sxtysjzx0606

最新推荐文章于 2025-07-11 09:33:52 发布

阅读量1.3w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： navigator.geolocation.getCurre 百度地图定位不准

本文链接：https://blog.youkuaiyun.com/sxtysjzx0606/article/details/82428487

在Vue项目中使用navigator.geolocation.getCurrentPosition获取的经纬度与百度地图坐标系统存在偏差，需要进行坐标转换才能准确显示。通过convertor.translate方法将WGS84坐标转换为百度地图所需的火星坐标，从而实现定位准确性。

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

最近在做Vue项目中定位时，发现定位总有偏差，查阅资料后发现用navigator.geolocation.getCurrentPosition取到的经纬度属于WGS84坐标，并不能直接用在百度地图的构建map的point中，需要做转换。
转换前代码（贴上主要代码）：

navigator.geolocation.getCurrentPosition((position) => {
      const lat = position.coords.latitude;
      const lng = position.coords.longitude;
      const point = new BMap.Point(lng, lat);
      const geo = new BMap.Geocoder();
      geo.getLocation(point, (res) => {
        const addComp = res.addressComponents;
        const cityName = addComp.city.replace('市', '');
      });
})