HTML5 地理位置情報

(*-*)浩
リリース: 2019-11-14 15:15:01
オリジナル
2722 人が閲覧しました

HTML5 地理位置情報

HTML5 地理位置情報

ユーザーの場所を特定する (推奨学習: html チュートリアル)

HTML5 Geolocation API は、ユーザーの地理的位置を取得するために使用されます。

この機能はユーザーのプライバシーを侵害する可能性があるため、ユーザーが同意しない限りユーザーの位置情報は利用できません。

ブラウザのサポート

Internet Explorer 9、Firefox、Chrome、Safari、Opera は地理位置情報をサポートします。

注: iPhone などの GPS を備えたデバイスの場合、地理位置情報はより正確です。

HTML5 - 地理位置情報の使用

ユーザーの位置を取得するには、getCurrentPosition() メソッドを使用してください。

次の例は、ユーザーの場所の経度と緯度を返す単純な地理位置情報の例です。

#例

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>
ログイン後にコピー

例の説明:

地理位置情報がサポートされているかどうかを検出する

サポートされている場合は、 getCurrentPosition() メソッドを実行します。サポートされていない場合は、ユーザーにメッセージが表示されます。

getCurrentPosition() が正常に実行されると、パラメーター showPosition で指定された関数に座標オブジェクトが返されます。

showPosition() 関数は、経度と緯度を取得して表示します。

上記の例は、エラー処理のない非常に基本的な地理位置情報スクリプトです。

以上がHTML5 地理位置情報の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート