Javascript計(jì)算兩個(gè)marker之間的距離(Google Map V3)

更新時(shí)間：2013年04月26日 14:49:46 作者：

做地圖開發(fā)，最常用到的就是marker一些操作和交互。簡(jiǎn)單介紹一下，兩個(gè)marker之間的距離計(jì)算，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助

Google Map V3 javascript計(jì)算兩個(gè)marker之間的距離
做地圖開發(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實(shí)現(xiàn)0ms延時(shí)定時(shí)器的幾種方式
本文主要介紹了js實(shí)現(xiàn)0ms延時(shí)定時(shí)器的幾種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-07-07
在VSCode中進(jìn)行JavaScript調(diào)試的詳細(xì)流程
在JavaScript開發(fā)中,調(diào)試是一個(gè)關(guān)鍵的過(guò)程,它幫助我們理解和修復(fù)代碼中的問(wèn)題,Visual Studio Code（VSCode）以其豐富的擴(kuò)展和內(nèi)置調(diào)試工具,為JavaScript開發(fā)者提供了強(qiáng)大的支持,本文將詳細(xì)介紹如何在VSCode中進(jìn)行JavaScript調(diào),需要的朋友可以參考下
2024-07-07
Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解
這篇文章主要介紹了Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼，具有參考價(jià)值，需要的朋友可以參考下
2016-12-12
選擇與取消選擇不錯(cuò)的應(yīng)用 js
選擇與取消選擇不錯(cuò)的應(yīng)用 js...
2006-12-12
js中自定義方法實(shí)現(xiàn)停留幾秒sleep
js中不存在自帶的sleep方法，要想休眠要自己定義個(gè)方法,需要的朋友可以參考下
2014-07-07
JS模擬bootstrap下拉菜單效果實(shí)例
這篇文章主要介紹了JS模擬bootstrap下拉菜單效果,結(jié)合完整實(shí)例形式分析了javascript動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
簡(jiǎn)單了解JavaScript操作XPath的一些基本方法
XPath構(gòu)建于XML之上,以表示路徑的方式來(lái)確定XML中元素位置,事實(shí)上并不是太常用,這里我們來(lái)簡(jiǎn)單了解JavaScript操作XPath的一些基本方法
2016-06-06
javascript中的prototype屬性使用說(shuō)明(函數(shù)功能擴(kuò)展)
一說(shuō)到prototype很多人可能第一個(gè)想到的是著名的prototype.js框架，當(dāng)然我們今天說(shuō)的不是它，而是Javascript中的prototype屬性，一般都被翻譯為“原型”。
2010-08-08
javascript js cookie的存儲(chǔ),獲取和刪除
2007-12-12
使用JavaScript庫(kù)還是自己寫代碼？
有時(shí)候在寫JavaScript添加到你的網(wǎng)頁(yè)中的時(shí)候，你將需要決定是使用已有的可用的JavaScript庫(kù)還是自己寫所有代碼。其中每個(gè)各有優(yōu)缺點(diǎn)，因此沒(méi)有任何一種方式對(duì)每個(gè)人來(lái)說(shuō)都是絕對(duì)正確的選擇。
2010-01-01