ユーザ位置情報を取得する方法のメモです。
ブラウザで位置情報を取得すにはGeolocation API
を使用します。
下記のコードはボタンを押したら位置情報を取得します。
document.getElementById('btn').onclick = function () {
navigator.geolocation.getCurrentPosition(success, error);
};
function success(position) {
// 緯度を取得
var latitude = position.coords.latitude;
// 経度を取得
var longitude = position.coords.longitude;
// 高度を取得
var altitude = position.coords.altitude;
console.log(latitude);
console.log(longitude);
console.log(altitude);
}
// ブラウザの許可が降りなかった場合
function error(error) {
console.log('位置情報取得に失敗しました。アクセスを許可してください。');
}
位置情報取得するには、ユーザー側のブラウザやOSの設定でも位置情報取得の許可を出してもらう必要があります。
参考