解决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就是准确的了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值