Javascript計算兩個marker之間的距離(Google Map V3)
更新時間：2013年04月26日 14:49:46 作者：
做地圖開發(fā)，最常用到的就是marker一些操作和交互。簡單介紹一下，兩個marker之間的距離計算，感興趣的朋友可以參考下哈，希望對你有所幫助
Google Map V3 javascript計算兩個marker之間的距離
做地圖開發(fā)，最常用到的就是marker一些操作和交互。簡單介紹一下，兩個marker之間的距離計算。
google map api 很方便的 只要是常用的 基本上都有接口。
1.創(chuàng)建兩個marker點
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庫
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script>
說明：libraries=geometry
3.計算距離
var meters = google.maps.geometry.spherical.computeDistanceBetween(oldMarker.getPosition(), newMarker.getPosition());
document.getElementById("distance").innerText = meters+"米";
說明：單位是米
oldMarker.getPosition() 獲取oldmarker的當前位置(經(jīng)緯度)
做地圖開發(fā)，最常用到的就是marker一些操作和交互。簡單介紹一下，兩個marker之間的距離計算。
google map api 很方便的 只要是常用的 基本上都有接口。
1.創(chuàng)建兩個marker點
復制代碼 代碼如下:
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庫
復制代碼 代碼如下:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script>
說明：libraries=geometry
3.計算距離
復制代碼 代碼如下:
var meters = google.maps.geometry.spherical.computeDistanceBetween(oldMarker.getPosition(), newMarker.getPosition());
document.getElementById("distance").innerText = meters+"米";
說明：單位是米
oldMarker.getPosition() 獲取oldmarker的當前位置(經(jīng)緯度)
相關文章
本文主要介紹了js實現(xiàn)0ms延時定時器的幾種方式，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
在VSCode中進行JavaScript調(diào)試的詳細流程
在JavaScript開發(fā)中,調(diào)試是一個關鍵的過程,它幫助我們理解和修復代碼中的問題,Visual Studio Code（VSCode）以其豐富的擴展和內(nèi)置調(diào)試工具,為JavaScript開發(fā)者提供了強大的支持,本文將詳細介紹如何在VSCode中進行JavaScript調(diào),需要的朋友可以參考下2024-07-07
這篇文章主要介紹了Javascript 實現(xiàn)放大鏡效果實例詳解的相關資料,這里附有實現(xiàn)實例代碼，具有參考價值，需要的朋友可以參考下2016-12-12
選擇與取消選擇不錯的應用 js...2006-12-12
js中不存在自帶的sleep方法，要想休眠要自己定義個方法,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了JS模擬bootstrap下拉菜單效果,結(jié)合完整實例形式分析了javascript動態(tài)操作頁面元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
XPath構(gòu)建于XML之上,以表示路徑的方式來確定XML中元素位置,事實上并不是太常用,這里我們來簡單了解JavaScript操作XPath的一些基本方法2016-06-06
javascript中的prototype屬性使用說明(函數(shù)功能擴展)
一說到prototype很多人可能第一個想到的是著名的prototype.js框架，當然我們今天說的不是它，而是Javascript中的prototype屬性，一般都被翻譯為“原型”。2010-08-08
2007-12-12
有時候在寫JavaScript添加到你的網(wǎng)頁中的時候，你將需要決定是使用已有的可用的JavaScript庫還是自己寫所有代碼。其中每個各有優(yōu)缺點，因此沒有任何一種方式對每個人來說都是絕對正確的選擇。2010-01-01