詳解js根據(jù)百度地圖提供經(jīng)緯度計(jì)算兩點(diǎn)距離
正常在使用百度地圖時(shí),我們可以通過(guò)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類(lèi),靜態(tài)類(lèi),勿需實(shí)例化即可使用 * @class GeoUtils類(lèi)的<b>入口</b>。 * 該類(lèi)提供的都是靜態(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)); //判斷類(lèi)型 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根據(jù)百度地圖提供經(jīng)緯度計(jì)算兩點(diǎn)距離詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
詳解XMLHttpRequest(二)響應(yīng)屬性、二進(jìn)制數(shù)據(jù)、監(jiān)測(cè)上傳下載進(jìn)度
這篇文章主要為大家詳細(xì)介紹了XMLHttpRequest響應(yīng)屬性、二進(jìn)制數(shù)據(jù)、監(jiān)測(cè)上傳下載進(jìn)度,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09Javascript獲取統(tǒng)一管理的提示語(yǔ)(message)
這篇文章主要介紹了Javascript獲取統(tǒng)一管理的提示語(yǔ)(message)的相關(guān)資料,需要的朋友可以參考下2016-02-02解決uni-app報(bào)錯(cuò)Error:?read?EBADF?at?Pipe?.?onStreamRead...
這篇文章主要介紹了uni-app報(bào)錯(cuò)Error:?read?EBADF?at?Pipe?.?onStreamRead...解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08解決layui的radio屬性或別的屬性沒(méi)顯示出來(lái)的問(wèn)題
今天小編就為大家分享一篇解決layui的radio屬性或別的屬性沒(méi)顯示出來(lái)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript如何實(shí)現(xiàn)圖片懶加載(lazyload) 提高用戶(hù)體驗(yàn)(增強(qiáng)版)
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)圖片懶加載(lazyload) 提高用戶(hù)體驗(yàn)(增強(qiáng)版)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11Bootstrap實(shí)現(xiàn)基于carousel.js框架的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)基于carousel.js框架的輪播圖效果,無(wú)過(guò)渡動(dòng)畫(huà),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05wap手機(jī)圖片滑動(dòng)切換特效無(wú)css3元素js腳本編寫(xiě)
手機(jī)圖片滑動(dòng)切換,網(wǎng)上有很多這樣的例子,但都借助于其他組件,讓代碼混亂的不行,本例無(wú)css3元素js腳本編寫(xiě),需要的朋友可以參考下2014-07-07javascript實(shí)現(xiàn)當(dāng)前頁(yè)導(dǎo)航激活的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)當(dāng)前頁(yè)導(dǎo)航激活的方法,涉及javascript操作css的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02