Google Map V3 javascript計(jì)算兩個(gè)marker之間的距離
做地圖開(kāi)發(fā)，最常用到的就是marker一些操作和交互。簡(jiǎn)單介紹一下，兩個(gè)marker之間的距離計(jì)算。
google map api 很方便的只要是常用的基本上都有接口。
1.創(chuàng)建兩個(gè)marker點(diǎn)

復(fù)制代碼代碼如下:

 
var oldMarker = new google.maps.Marker({ 
position: new google.maps.LatLng("31.95678", "177.898673"), 
map: map, 
title:"old" 
}); 
var newMarker = new google.maps.Marker({ 
position: new google.maps.LatLng("31.45678", "177.098673"), 
map: map, 
title:"new" 
}); 

2.加載geometry庫(kù)

復(fù)制代碼代碼如下:

 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script> 

說(shuō)明：libraries=geometry
3.計(jì)算距離

復(fù)制代碼代碼如下:

 
var meters = google.maps.geometry.spherical.computeDistanceBetween(oldMarker.getPosition(), newMarker.getPosition()); 
document.getElementById("distance").innerText = meters+"米"; 

說(shuō)明：?jiǎn)挝皇敲?
oldMarker.getPosition() 獲取oldmarker的當(dāng)前位置(經(jīng)緯度)

您可能感興趣的文章:

相關(guān)文章

js計(jì)算文本框輸入的字符數(shù)
這篇文章主要介紹了js計(jì)算文本框輸入的字符數(shù)，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2015-10-10
Javascript this 的一些學(xué)習(xí)總結(jié)
相信有C++、C#或Java等編程經(jīng)驗(yàn)的各位，對(duì)于this關(guān)鍵字再熟悉不過(guò)了。由于Javascript是一種面向?qū)ο蟮木幊陶Z(yǔ)言，它和C++、C#或Java一樣都包含this關(guān)鍵字，接下來(lái)我們將向大家介紹Javascript中的this關(guān)鍵字
2012-08-08
JavaScript實(shí)現(xiàn)向右伸出的多級(jí)網(wǎng)頁(yè)菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向右伸出的多級(jí)網(wǎng)頁(yè)菜單效果,通過(guò)javascript調(diào)用頁(yè)面元素屬性的動(dòng)態(tài)改變實(shí)現(xiàn)向右展開(kāi)菜單效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JavaScript內(nèi)置對(duì)象之Array的使用小結(jié)
這篇文章主要介紹了JavaScript內(nèi)置對(duì)象之Array的使用小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
IE11下使用canvas.toDataURL報(bào)SecurityError錯(cuò)誤的解決方法
這篇文章主要給大家介紹了關(guān)于在IE11下使用canvas.toDataURL報(bào)SecurityError錯(cuò)誤的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)同樣遇到這個(gè)問(wèn)題的朋友們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-11-11
js實(shí)現(xiàn)簡(jiǎn)單省市區(qū)三級(jí)選擇聯(lián)級(jí)
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單省市區(qū)三級(jí)選擇聯(lián)級(jí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
js中各種數(shù)據(jù)類(lèi)型檢測(cè)和判定的實(shí)戰(zhàn)示例
typeof一般被用于判斷一個(gè)變量的類(lèi)型,我們可以利用typeof來(lái)判斷number,string,object,boolean,function,undefined,symbol這七種類(lèi)型,下面這篇文章主要給大家介紹了關(guān)于js中各種數(shù)據(jù)類(lèi)型檢測(cè)和判定的相關(guān)資料,需要的朋友可以參考下
2022-11-11
JavaScript之ECharts用法講解
這篇文章主要介紹了JavaScript之ECharts用法講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)版計(jì)算器
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)版計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
JavaScript控制圖片360度旋轉(zhuǎn)代碼
JavaScript控制一張圖片旋轉(zhuǎn)，每次旋轉(zhuǎn)90度，可旋轉(zhuǎn)一周360度，以前沒(méi)見(jiàn)到過(guò)，也不知道有沒(méi)有用，奉獻(xiàn)給大家，希望喜歡
2011-12-12