Geolocation API
ジオロケーション エーピーアイ(API & Web機能)
意味 位置情報を取得するAPI
Geolocation APIとは?
Geolocation APIは、デバイスの位置情報を取得するためのインターフェイスです。
Geolocation APIの具体的な使い方
位置情報の取得例
<!DOCTYPE html>
<html>
<body>
<button onclick="getLocation()">現在位置を取得</button>
<p id="demo"></p>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
document.getElementById("demo").innerHTML = "Geolocationはこのブラウザでサポートされていません。";
}
}
function showPosition(position) {
document.getElementById("demo").innerHTML = "緯度: " + position.coords.latitude +
"<br>経度: " + position.coords.longitude;
}
function showError(error) {
switch(error.code) {
case error.PERMISSION_DENIED:
document.getElementById("demo").innerHTML = "ユーザーが位置情報の取得を拒否しました。";
break;
case error.POSITION_UNAVAILABLE:
document.getElementById("demo").innerHTML = "位置情報が利用できません。";
break;
case error.TIMEOUT:
document.getElementById("demo").innerHTML = "位置情報の取得がタイムアウトしました。";
break;
case error.UNKNOWN_ERROR:
document.getElementById("demo").innerHTML = "不明なエラーが発生しました。";
break;
}
}
</script>
</body>
</html>
Geolocation APIを使用して、ユーザーの現在位置(緯度と経度)を取得します。ボタンをクリックすると、ブラウザが位置情報の使用許可を求め、許可された場合は位置情報を表示します。エラーが発生した場合はエラーメッセージを表示します。
Geolocation APIに関するよくある質問
Geolocation APIが学べる書籍の紹介
「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのGeolocation APIやFile API、WebGL、Web Authentication API、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。
よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。
HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。
JavaScriptを学べる「プログラミング単語帳」アプリ
プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。
収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。
いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。
2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!
2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!