HTML5 Geolocation

HTML5 のジオロケーションは、ユーザの位置（場所）を取得するために使用します Try It

ユーザの位置を探します

HTML5 ジオロケーション API は、ユーザの地理的な位置を取得するために使用します。

これはユーザーのプライバシーを侵害するかもしれないので、ユーザ承認がない限り位置を取得できません。

ブラウザ・サポート

Internet Explorer 9、Firefox、Chrome、Safari、Opera はジオロケーションをサポートしています。

注: ジオロケーションは、iPhone のような GPS を備えたデバイスに対してはるかに正確です。

ジオロケーションの利用

ユーザの位置を取得するためには getCurrentPosition() メソッドを使用します。

以下の例は、ユーザの位置の緯度と経度を返す単純なジオロケーションの例です:

例の説明:

• ジオロケーションがサポートされているか確認する
• サポートされている場合は、getCurrentPosition() メソッドを実行し、 サポートされていない場合は、ユーザへメッセージを表示する
• getCurrentPosition() メソッドが成功した場合、パラメータ（showPosition）で 指定された関数に座標のオブジェクトを返します。
• showPosition() 関数は、緯度と経度を表示します。

上記例は、エラー処理のない、非常に基本的なジオロケーション・スクリプトです。

エラー処理とリジェクション

getCurrentPosition() メソッドの第2パラメータは、エラー処理のために使用されます。 ユーザ位置の取得に失敗した場合に実行する関数を指定します:

エラーコード:

• Permission denied - ユーザはジオロケーションを許可しませんでした
• Position unavailable - 現在の位置を取得することができません
• Timeout - 操作がタイムアウトしました

マップの結果を表示

マップの結果を表示するには、Googleマップと同様に、緯度と経度を使用することができる マップサービスにアクセスする必要があります:

上記例は、Googleマップ（静止画像を使用して）の場所を表示するために、 返された緯度と経度のデータを使用します。

Google マップスクリプト
マーカ、ズームとドラッグオプションを持つインタラクティブな地図を表示するスクリプトを使用方法。

場所固有の情報

このページは、マップ上のユーザの位置を表示する方法を示しています。 しかし、ジオロケーションは位置固有の情報にも非常に便利です。

例:

• 最新のローカル情報
• ユーザ近くの興味あるポイントの表示
• ターン・バイ・ターン ナビゲーション (GPS)

getCurrentPosition() メソッド - データの戻し

getCurrentPosition() メソッドは、成功した場合、オブジェクトを返します。 latitude（緯度）、longitude（経度）及び accuracy（精度）プロパティは常に返されます。 使用できる場合は、以下のその他のプロパティが返されます。

ジオロケーション・オブジェクト - その他の興味深いメソッド

watchPosition() - ユーザの現在位置を返し、ユーザの移動（車の GPS のように）に伴って 更新された位置を返し続けます。

clearWatch() - watchPosition() メソッドを停止します。

以下の例は、watchPosition() メソッドを示しています。これをテストするためには、 （iPhoneのような）正確な GPS デバイスが必要です: