HTML5とJavaScriptとの地理位置情報。 Googleマップとの統合

HTML5で導入される新製品は、多くのといくつかの特に興味深いものです。 これらの中でも、自動的にブラウザを介してユーザの地理的位置を検出することは間違いない、 ジオロケーションをサポートし、際立っていない。

位置情報を利用し、実際には、HTML5のブラウザのサポートを使用してISPの接続によって割り当てられたIPアドレスを使用してユーザーの位置、セルの通信への近接性（携帯電話接続用）または'を介して追跡することができますGPSアンテナは、デバイスに統合することができる。 位置検出georaficaは、もちろん、関係者の明示的な同意（位置の追跡を行うためにWebページの要求が通知される人、同意できるかどうかになる要求）の後にのみ発生します。

ブラウザによって返された位置は、JavaScriptで使用することができる、その座標（緯度と経度）で表される。 navigator.geolocation：新しいジオロケーションAPIはnavigatorオブジェクトの新しいプロパティに基づいています。

HTML5で十分であるため、ブラウザがこれらの新しいAPIのサポートを提供しているかどうかを確認するためには、したがって、条件付きのこのような呼び出しを行います。

 {（navigator.geolocation）場合



  



 / /ブラウザ対応HTML5ジオロケーションをサポート







他に{}



  



ジオロケーションのための/ /サポートされていません







 }

ここにユーザーの地理座標を検出するためのいくつかの簡単なJav​​ascriptのコードは、（ページのヘッダーに挿入される）です。

 {（navigator.geolocation）場合



  



 navigator.geolocation.getCurrentPosition（mia_posizione）;







他に{}



  



アラート（"地理ローカライズが不可能な'）;







 }









 mia_posizione関数（）{



  



 VAR LAT = position.coords.latitude;



  



 VAR LON = position.coords.longitude;



  



のdocument.getElementById（'位置'）innerHTMLプロパティ='あなたの位置：'。+緯度+'、'+ LON;

  





 }

ページの本文にのみ、ユーザー座標が書き込まれる内にidを"位置"を持つ要素を挿入する必要はない。

作業例を見るにはここをクリックしてください 。

GetCurrentPosition機能（）

お使いのブラウザがサポートしていればお分かりのようにジオロケーションgetCurrentPositionの静脈は、私たちの例では、引数が一つ成功した場合にコールバックとして渡され、関数（）と呼ばれる。
実際にこの作品は、3つのパラメータを認めている。

• 成功した場合にコールバック。
• 失敗した場合にコールバック。
• オプション：
  • enableHighAccuracy：trueまたは false は、最高レベルの精度（attivamndo、例えば、GPSデバイス）との位置を送信するデバイスを要求することです。
  • タイムアウト：位置の検出を待っているの最長期間（ミリ秒単位）。
  • maximumAgeと ​​いう：検出はカルガリーの位置の追跡を実行する必要が後最大年齢;

ここに許可されているすべての3つのパラメータでgetCurrentPositionを（）の使用例です：

 



 navigator.geolocation.getCurrentPosition（



  



 success_callback、error_callback、{enableHighAccuracy：偽}）;

 

• <<
• 1
• 2
• 3
• >>