最近在做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就是准确的了