2011-02-05 103 views
8

我有一個地區列表和經度/緯度,我要求用戶選擇他們的位置,當他們打我的網站。如果可能的話,我希望使用HTML5的地理位置預先填充其位置,但我並不完全確定實現該目標的最佳方式。網上似乎缺乏教程,至少從我能找到的東西來看。有沒有人做過這個?你知道一個很好的教程/資源嗎?HTML5地理定位實施

更新

如果我有一堆城市的座標,我該如何使用JavaScript來確定最近的位置?

+1

W3C地理定位API不是HTML5規範fwiw的一部分。 (見:http://isgeolocationpartofhtml5.com/) – npdoty 2011-02-05 21:50:56

+0

嗯,這可以通過計算座標之間的距離簡單地完成。使用公式 `square_root((X1^2 - ×2^2)+(Y1^2 - Y 2^2))` 當兩個座標是`(X1,Y1)`和`(X2,Y2)` – 2016-04-08 11:59:19

回答

9

試試這個例子:

window.onload = function(){ 
    if(navigator.geolocation) 
     navigator.geolocation.getCurrentPosition(handleGetCurrentPosition, onError); 
} 

function handleGetCurrentPosition(location){ 

    location.coords.latitude; 
    location.coords.longitude; 
} 
function onError(){...} 

去這裏的一個更大的演示。 http://od-eon.com/labs/geolocation/

+2

鏈接不工作.. – 2016-08-21 20:30:35

0
function load_position() 
{ 
    if (navigator.geolocation) 
     { 
      navigator.geolocation.getCurrentPosition(showPosition); 
     } 
    else 
     { 
      l.innerHTML = "Geolocation is not supported by this browser."; 
     } 
} 
function showPosition(position) 
    { 
     l.innerHTML = "Longitude" + position.coords.latitude + " Longitude " + position.coords.longitude + "</td></tr>" ; 
    } 

只是要到load_position打電話時要使用座標爲()。

注:l是數據是放在元素的ID。根據您的需要修改它。