JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでユーザーの位置情報（緯度・経度）を取得する方法

緯度と経度の取得

geolocation プロパティは、ユーザーの現在位置を特定するための Geolocation オブジェクトを返します。このオブジェクトは navigator.geolocation を通じて提供されます。位置情報はユーザーのプライバシーに関わるため、ユーザーが許可を承認しない限り、位置データにはアクセスできません。

構文

navigator.geolocation;

このメソッドは引数を受け取らず、ユーザー位置の緯度と経度を返します。

使用例

次の例では、読み取り専用プロパティである position.coords と JavaScript の geolocation プロパティを組み合わせて、ユーザー位置の緯度と経度を取得し、その結果を画面に表示しています。

<html>
<body>
<p id = "location"></p>
<script>
   var loc = document.getElementById("location");
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(getPos);
   }
   function getPos(position) {
      loc.innerHTML = "Latitude: " + position.coords.latitude +
      "</br> Longitude: " + position.coords.longitude;
   }
</script>
</body>
</html>

実行結果

Latitude: 17.4381439
Longitude: 78.3948683

このコードでは、まず navigator.geolocation の存在を確認し、対応している場合は getCurrentPosition() メソッドを呼び出します。コールバック関数内で受け取った position オブジェクトから、coords.latitude と coords.longitude を使ってそれぞれ緯度と経度を取得できます。ブラウザが対応していない環境や、ユーザーが許可しなかった場合に備えて、エラーハンドリングを追加しておくとより堅牢な実装になります。

  1. Androidで住所から緯度・経度を取得する方法【Geocoderクラスの使い方を徹底解説】

    この記事では、Androidアプリで入力された住所文字列から緯度（Latitude）と経度（Longitude）を取得する方法を解説します。Android標準のGeocoderクラスを利用することで、Google Maps APIキーなしでもジオコーディング（住所→座標変換）を実現できます。 実際に動作するサンプルアプリを題材に、レイアウトXML、Activity、Geocoder処理クラス、マニフェスト設定まで、ステップごとに丁寧に見ていきましょう。 全体の仕組み 本サンプルの処理の流れは以下の通りです。 ユーザーがEditTextに住所を入力する ボタンをタップすると、バックグラウンド

  2. Pythonで都市の緯度・経度を取得する方法｜geopyライブラリの使い方を解説

    都市の緯度と経度を取得したい場合、Pythonではgeopyモジュールが便利です。geopyは、サードパーティ製のジオコーダやさまざまなデータソースを利用して、住所・都市・国などの座標情報を特定できるライブラリです。 まず、geopyモジュールがインストールされていることを確認しましょう。未インストールの場合は、以下のコマンドでインストールできます。 pip install geopy 以下の例では、Nominatimというジオコーダを使用して、都市「ハイデラバード（Hyderabad）」の緯度と経度を取得します。 手順 geopyモジュールからNominatimジオコーダをインポートします