見出し画像

JavaScriptでデバイスの現在地を取得する方法

しばひろ

JavaScriptを使って現在地を表示する際は、Geolocation.getCurrentPosition() を使うといい。

構文

Geolocation.getCurrentPosition(success[, error[, [options]])

引数

success
成功時のコールバック関数。Positionオブジェクトを引数として受け取る

error（省略可）
エラーのコールバック関数で、 PositionError オブジェクトを引数として受け取る

options （省略可）
PositionOptions オブジェクト

サンプル

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>現在地を取得</title>
</head>
<body>

 <button onclick="getPosition()">現在地を取得</button>

 <script>
  
   function getPosition() {
     navigator.geolocation.getCurrentPosition(success);
   }

   function success(pos) {
     var date = new Date(pos.timestamp);
     console.log('取得時間:' + date.toLocaleString());


     console.log('緯度:' + pos.coords.latitude);
     console.log('経度:' + pos.coords.longitude);
     console.log('高度:' + pos.coords.altitude);
     console.log('位置精度:' + pos.coords.accuracy);
     console.log('高度精度:' + pos.coords.altitudeAccuracy);
     console.log('移動方向:' + pos.coords.heading);
     console.log('速度:' + pos.coords.speed);
   }
 </script>
</body>
</html>

とりあえず、このサンプルを表示して、「現在地を取得」を押したら、consoleに現在地の情報が出力されます。

応援して頂きありがとうございます。 本当にありがとうございます。