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的當(dāng)前位置(經(jīng)緯度)
做地圖開發(fā)，最常用到的就是marker一些操作和交互。簡單介紹一下，兩個marker之間的距離計算。
google map api 很方便的 只要是常用的 基本上都有接口。
1.創(chuàng)建兩個marker點
復(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庫
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script>
說明：libraries=geometry
3.計算距離
復(fù)制代碼 代碼如下:
var meters = google.maps.geometry.spherical.computeDistanceBetween(oldMarker.getPosition(), newMarker.getPosition());
document.getElementById("distance").innerText = meters+"米";
說明：單位是米
oldMarker.getPosition() 獲取oldmarker的當(dāng)前位置(經(jīng)緯度)
相關(guān)文章
這篇文章主要介紹了js計算文本框輸入的字符數(shù)，具有一定的參考價值，感興趣的朋友可以參考一下2015-10-10
Javascript this 的一些學(xué)習(xí)總結(jié)
相信有C++、C#或Java等編程經(jīng)驗的各位，對于this關(guān)鍵字再熟悉不過了。由于Javascript是一種面向?qū)ο蟮木幊陶Z言，它和C++、C#或Java一樣都包含this關(guān)鍵字，接下來我們將向大家介紹Javascript中的this關(guān)鍵字2012-08-08
JavaScript實現(xiàn)向右伸出的多級網(wǎng)頁菜單效果
這篇文章主要介紹了JavaScript實現(xiàn)向右伸出的多級網(wǎng)頁菜單效果,通過javascript調(diào)用頁面元素屬性的動態(tài)改變實現(xiàn)向右展開菜單效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
JavaScript內(nèi)置對象之Array的使用小結(jié)
這篇文章主要介紹了JavaScript內(nèi)置對象之Array的使用小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
IE11下使用canvas.toDataURL報SecurityError錯誤的解決方法
這篇文章主要給大家介紹了關(guān)于在IE11下使用canvas.toDataURL報SecurityError錯誤的解決方法，文中通過示例代碼介紹的非常詳細，對同樣遇到這個問題的朋友們具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
js實現(xiàn)簡單省市區(qū)三級選擇聯(lián)級
這篇文章主要介紹了js實現(xiàn)簡單省市區(qū)三級選擇聯(lián)級，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
js中各種數(shù)據(jù)類型檢測和判定的實戰(zhàn)示例
typeof一般被用于判斷一個變量的類型,我們可以利用typeof來判斷number,string,object,boolean,function,undefined,symbol這七種類型,下面這篇文章主要給大家介紹了關(guān)于js中各種數(shù)據(jù)類型檢測和判定的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了JavaScript之ECharts用法講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
JavaScript實現(xiàn)簡單網(wǎng)頁版計算器
這篇文章主要介紹了JavaScript實現(xiàn)簡單網(wǎng)頁版計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
JavaScript控制一張圖片旋轉(zhuǎn)，每次旋轉(zhuǎn)90度，可旋轉(zhuǎn)一周360度，以前沒見到過，也不知道有沒有用，奉獻給大家，希望喜歡2011-12-12