溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

js如何根據(jù)百度地圖提供經(jīng)緯度計(jì)算兩點(diǎn)距離

發(fā)布時(shí)間:2021-08-13 09:41:48 來源:億速云 閱讀:294 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(guān)js如何根據(jù)百度地圖提供經(jīng)緯度計(jì)算兩點(diǎn)距離的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。

正常在使用百度地圖時(shí),我們可以通過BMap的實(shí)例對(duì)象提供的方法計(jì)算距離:

var map = new BMap.Map('map_canvas');
map.getDistance(point1 ,point2);
//point1、point2 是Point對(duì)象

如果在不使用百度地圖,但是已知百度地圖的經(jīng)緯度情況下也是可以計(jì)算出與上面相同的值的

三方庫(kù) 此庫(kù)提供計(jì)算兩點(diǎn)距離的方法

引用此庫(kù)使用 返回(米)

BMapLib.GeoUtils.getDistance(point1 ,point2)

當(dāng)然如果只想計(jì)算距離也可以直接用下面的代碼:

注:BMap需要導(dǎo)入,使用如下:

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類,靜態(tài)類,勿需實(shí)例化即可使用
      * @class GeoUtils類的<b>入口</b>。
      * 該類提供的都是靜態(tài)方法,勿需實(shí)例化即可使用。
      */
     BMapLib.GeoUtils = function(){
 
       };
 
     /**
      * 將度轉(zhuǎn)化為弧度
      * @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之間,經(jīng)度使用
     */
     function _getLoop(v, a, b){
         while( v > b){
            v -= b - a
           }
         while(v < a){
            v += b - a
           }
         return v;
       }
   /**
    * 計(jì)算兩點(diǎn)之間的距離,兩點(diǎn)坐標(biāo)必須為經(jīng)緯度
    * @param {lng1} Number 點(diǎn)對(duì)象
    * @param {lat1} Number 點(diǎn)對(duì)象
    * @param {lng2} Number 點(diǎn)對(duì)象
    * @param {lat2} Number 點(diǎn)對(duì)象
    * @returns {Number} 兩點(diǎn)之間距離,單位為米
    */
     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)));
       }
})();

感謝各位的閱讀!關(guān)于“js如何根據(jù)百度地圖提供經(jīng)緯度計(jì)算兩點(diǎn)距離”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI