HTML5地理定位实施

我有一个区域和经度/经度列表,我要求用户在他们访问我的网站时选择他们的位置。 如果可能的话,我希望使用HTML5的地理位置预先填充他们的位置,但我不确定最好的方法。 网上似乎缺少教程,至少从我能找到的内容来看。 有没有人这样做过? 你知道一个好的教程/资源吗?

更新

如果我有一堆城市的坐标,我如何使用javascript来确定最近的位置?

试试这个例子:

 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/

也可以将其放入环中: 使用Geolocation API在Google地图上查找用户位置

 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 + "" ; } 

当你想使用坐标时,只需调用load_position()。

注意: l是要放置数据的元素的id。 根据您的需要进行相应修改。

Nettuts上有这个很棒的教程,这里有链接http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/