はじめに

こんにちは！@70days_jsです。

JavaScriptで位置情報を取得してみました。

今日は45日目。(2019/12/2)
よろしくお願いします。

サイトURL

やったこと

JavaScriptで位置情報を取得してみました。
取得した情報は

緯度
経度
緯度/経度の精度
高度
方角
速度
です。

実際にpcでやってみると、上3つだけ表示することができました。

<body>
    <div id="test">緯度: </div>
    <div id="test2">経度: </div>
    <div id="test3">緯度/経度の精度: </div>
    <div id="test4">高度: </div>
    <div id="test5">方角: </div>
    <div id="test6">速度: </div>
</body>

let geolocation = window.navigator.geolocation;

let option = {
    enableHighAccuracy: true
};

function error() {
    alert('エラーです。');
}

function success(position) {
    test.innerHTML += position.coords.latitude;
    test2.innerHTML += position.coords.longitude;
    test3.innerHTML += position.coords.accuracy;
    test4.innerHTML += position.coords.altitude;
    test5.innerHTML += position.coords.heading;
    test6.innerHTML += position.coords.speed;
}

if (geolocation) {
    geolocation.getCurrentPosition(success, error, option);
}

getCurrentPositionメソッドは引数を3つ用意してます。
第一引数は取得時の関数
第二引数は取得失敗時の関数
第三引数はオプションです。

感想

位置情報はモバイルアプリを作るときには便利かもしれませんね。
いずれJavaScriptで作りたいと思っているので、そのときに利用しようと思います。

最後までお読みいただきありがとうございます。明日も投稿しますのでよろしくお願い致します。

参考

JavaScriptで位置情報を取得する方法(Geolocation API) (https://syncer.jp/how-to-use-geolocation-api)

とても分かりやすかったです。ありがとうございます！