使用html5測量特定位置和當前位置之間的距離

Question

正如標題所示。任何想法如何實現？

一直在尋找http://www.html5archive.com/2010/12/04/geolocation-api-example-distance-tracking/一段時間，並試圖修改該代碼，但沒有運氣。

它最初不需要自動刷新。

但基本功能應該獲取用戶位置並告訴用戶與特定點之間的距離。

Answer 1

關鍵代碼是this page與您指定的代碼鏈接。我已經將它轉換成以下功能：

/** Extend Number object with method to convert numeric degrees to radians */ 
if (typeof Number.prototype.toRadians == 'undefined') { 
    Number.prototype.toRadians = function() { return this * Math.PI/180; }; 
} 

function getDistance(lat1,lon1,lat2,lon2) { 
    var R = 6371; // km 
    var dLat = (lat2-lat1).toRadians(); 
    var dLon = (lon2-lon1).toRadians(); 
    var a = Math.sin(dLat/2) * Math.sin(dLat/2) + 
      Math.cos(lat1.toRadians()) * Math.cos(lat2.toRadians()) * 
      Math.sin(dLon/2) * Math.sin(dLon/2); 
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); 
    return R * c; 
} 

您需要特定的緯度和經度把它作爲前兩個參數，而目前的緯度和經度作爲第二兩項。