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

最近在做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('市', '');
      });
});

从代码中可以看到得到 lat和lng然后直接创建了百度的point 坐标点,但其实这里的经纬度是不准的,下面直接附上转换代码

navigator.geolocation.getCurrentPosition((position) => {
    let lat = position.coords.latitude;
    let lng = position.coords.longitude;
    const pointBak = new BMap.Point(lng, lat);
    const convertor = new BMap.Convertor();
    convertor.translate([pointBak], 1, 5,function(resPoint) {
        if(resPoint && resPoint.points && resPoint.points.length>0){
            lng = resPoint.points[0].lng;
            lat = resPoint.points[0].lat;
        }
        const point = new BMap.Point(lng, lat);
        const geo = new BMap.Geocoder();
        geo.getLocation(point, (res) => {

        });
    });
});

可以看到通过convertor.translate([pointBak], 1, 5,function(resPoint) 将不准确的经纬度信息做了转换,转换之后再创建百度point就是准确的了。

你可能感兴趣的:(前端)