2011-02-05 18 views
8

私は、自分のサイトにアクセスしたときにユーザーが場所を選択するように求める地域と緯度/経度のリストを持っています。可能であれば、HTML5のジオロケーションを使用してその位置を事前に設定したいと思いますが、そのための最善の方法はわかりません。少なくとも私が見つけることができるから、Web上にチュートリアルがないようです。誰もこれをしましたか?あなたは良いチュートリアル/リソースを知っていますか?HTML5ジオロケーションの実装

更新

私は、最も近い位置を決定するためにJavaScriptを使用することができますどのように都市の束の座標を、持っている場合は? Nettutsでこの素晴らしいチュートリアルがあり

+1

W3CジオロケーションAPIは、HTML5仕様fwiwの一部ではありません。 (参照:http://isgeolocationpartofhtml5.com/) – npdoty

+0

これは、座標間の距離を計算するだけで簡単に行うことができます。 'square_root((x1^2 - x2^2)+(y1^2 - y2^2))' 2つの座標が '(x1、y1)'と '(x2、y2)'である場合 –

答えて

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

リンクが動作していません.. –

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です。必要に応じてそれを変更してください。

+0

明示的に述べることなく、位置オブジェクトがshowPositionメソッドに引数として渡されるのはどうですか? –

関連する問題