はじめに
こんにちは！@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)
とても分かりやすかったです。ありがとうございます！