这篇文章给大家分享的是有关js如何根据百度地图提供经纬度计算两点距离的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。正常在使用百度地图时,我们可以通过BMap的实例对象提供的方法计
这篇文章给大家分享的是有关js如何根据百度地图提供经纬度计算两点距离的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
正常在使用百度地图时,我们可以通过BMap的实例对象提供的方法计算距离:
var map = new BMap.Map('map_canvas');
map.getDistance(point1 ,point2);
//point1、point2 是Point对象
如果在不使用百度地图,但是已知百度地图的经纬度情况下也是可以计算出与上面相同的值的
三方库 此库提供计算两点距离的方法
引用此库使用 返回(米)
BMapLib.GeoUtils.getDistance(point1 ,point2)
当然如果只想计算距离也可以直接用下面的代码:
注:BMap需要导入,使用如下:
BMapLib.GeoUtils.getDistance(lng1,lat1,lng2,lat2)
import BMap from 'BMap'
var BMapLib = window.BMapLib = BMapLib || {};
(function() {
var EARTHRADIUS = 6370996.81;
var GeoUtils =
BMapLib.GeoUtils = function(){
};
GeoUtils.degreeToRad = function(degree){
return Math.PI * degree/180;
}
function _getRange(v, a, b){
if(a != null){
v = Math.max(v, a);
}
if(b != null){
v = Math.min(v, b);
}
return v;
}
function _getLoop(v, a, b){
while( v > b){
v -= b - a
}
while(v < a){
v += b - a
}
return v;
}
GeoUtils.getDistance = function(lng1, lat1, lng2 ,lat2){
let point1 = new BMap.Point(parseFloat(lng1) ,parseFloat(lat1));
let point2 =new BMap.Point(parseFloat(lng2) ,parseFloat(lat2));
//判断类型
if(!(point1 instanceof BMap.Point) ||
!(point2 instanceof BMap.Point)){
return 0;
}
point1.lng = _getLoop(point1.lng, -180, 180);
point1.lat = _getRange(point1.lat, -74, 74);
point2.lng = _getLoop(point2.lng, -180, 180);
point2.lat = _getRange(point2.lat, -74, 74);
let x1, x2, y1, y2;
x1 = GeoUtils.degreeToRad(point1.lng);
y1 = GeoUtils.degreeToRad(point1.lat);
x2 = GeoUtils.degreeToRad(point2.lng);
y2 = GeoUtils.degreeToRad(point2.lat);
return EARTHRADIUS * Math.acos((Math.sin(y1) * Math.sin(y2) + Math.cos(y1) * Math.cos(y2) * Math.cos(x2 - x1)));
}
})();
感谢各位的阅读!关于“js如何根据百度地图提供经纬度计算两点距离”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
--结束END--
本文标题: js如何根据百度地图提供经纬度计算两点距离
本文链接: https://lsjlt.com/news/78398.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0