JavaScriptで現在地を取得したり追跡したりする方法

JavaScriptで現在地を取得したり追跡したりする方法

navigator.geolocation.getCurrentPositionメソッドを使えばブラウザから現在地を取得することができます。

JavaScriptで現在地を取得したり追跡したりする方法

これで許可すると緯度と経度の情報が取得できます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function(){
  navigator.geolocation.getCurrentPosition(function fu(pos){
    alert( pos.coords.latitude );// 緯度
    alert( pos.coords.longitude );// 経度
  });
});
</script>
</head>

<body>
</body>
</html>

第一引数の関数fuの第一引数から緯度経度が取得できます。

第二引数にはエラー時の関数が指定できますが省略可能です。

第三引数にはオプションが指定できますが省略可能です。

watchPositionメソッドでウォッチする

後日書きます。

コメント

タイトルとURLをコピーしました