保定小程序制作_详解js依据百度地图提供经纬度核算两点间隔

详解js根据百度地图提供经纬度计算两点距离       这篇文章主要介绍了js根据百度地图提供经纬度计算两点距离,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

如果在不使用百度地图,但是已知百度地图的经纬度情况下也是可以计算出与上面相同的值的

此库提供计算两点距离的方法

引用此库使用 返回(米)

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;
 * @exports GeoUtils as BMapLib.GeoUtils
 var GeoUtils =
 * GeoUtils类,静态类,勿需实例化即可使用
 * @class GeoUtils类的 b 入口 /b 。
 * 该类提供的都是静态方法,勿需实例化即可使用。
 BMapLib.GeoUtils = function(){
 * 将度转化为弧度
 * @param {degree} Number 度
 * @returns {Number} 弧度
 GeoUtils.degreeToRad = function(degree){
 return Math.PI * degree/180;
 * 将v值限定在a,b之间,纬度使用
 function _getRange(v, a, b){
 if(a != null){
 v = Math.max(v, a);
 if(b != null){
 v = Math.min(v, b);
 return v;
 * 将v值限定在a,b之间,经度使用
 function _getLoop(v, a, b){
 while( v b){
 v -= b - a
 while(v a){
 v += b - a
 return v;
 * 计算两点之间的距离,两点坐标必须为经纬度
 * @param {lng1} Number 点对象
 * @param {lat1} Number 点对象
 * @param {lng2} Number 点对象
 * @param {lat2} Number 点对象
 * @returns {Number} 两点之间距离,单位为米
 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根据百度地图提供经纬度计算两点距离详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


相关阅读