サンプル
サンプル1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
<script type="text/javascript">
// Geolocation APIを使用可能か調べる
if (!navigator.geolocation) {
alert("Geolocation APIを使用できません。");
}
// 現在位置を取得
function getPosition(){
navigator.geolocation.getCurrentPosition(successCallback,
errorCallback,
{enableHighAccuracy:true, timeout:1000, maximumAge:600000});
}
// 成功時のコールバック関数
function successCallback(position) {
alert("現在位置: 緯度 " + position.coords.latitude + " / 経度 " + position.coords.longitude);
}
// エラー時のコールバック関数
function errorCallback(error) {
alert("エラー: " + error.message);
}
</script>
</head>
<body>
<input type="button" value="現在位置を取得" onclick="getPosition()">
</body>
</html>
サンプル2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル2</title>
<script type="text/javascript">
// Geolocation APIを使用可能か調べる
if (!navigator.geolocation) {
alert("Geolocation APIを使用できません。");
}
var watchId;
// 現在位置の監視を開始
function setWatchPosition(){
watchId = navigator.geolocation.watchPosition(successCallback, errorCallback);
}
// 成功時のコールバック関数
function successCallback(position) {
alert("現在位置: 緯度 " + position.coords.latitude + " / 経度 " + position.coords.longitude);
}
// エラー時のコールバック関数
function errorCallback(error) {
alert("エラー: " + error.message);
}
// 現在位置の監視を終了
function clearWatchPosition(){
navigator.geolocation.clearWatch(watchId);
}
</script>
</head>
<body>
<input type="button" value="現在位置の監視を開始" onclick="setWatchPosition()">
<input type="button" value="現在位置の監視を終了" onclick="clearWatchPosition()">
</body>
</html>
関連項目
(関連する項目はありません)