位置情報を取得するプログラム（iPhone用）

APIの活用

iPhoneが持っているGPS機能を活用して位置情報を取得するプログラムです。
html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>iPhone位置情報取得</title>
<script>

//正常に緯度経度情報が取得できた時に呼ばれる関数
function successFunc(e){
	var gps = document.getElementById("gps");
	gps.innerHTML=("Lat:"+e.coords.latitude+"Long:" +e.coords.longitude);
}

//エラーが起きた場合に呼ばれる関数
function errorFunc(e){
	var gps=document.getElementbyId("gps");
	switch(e.code){
		case 1:
		gps.innerHTML="エラー：GPSの利用が許可されていません。GPSを使えるように設定してください。";
		break;
		case 2:
		gps.innerHTML = "エラー：位置情報が取得出来ませんでした。";
		break;
		case 3:
		gps.innerHTML = "エラー：タイムアウトしました。";
		break;
		default:
		gps.innerHTML = "エラー：位置情報を表示できませんでした。";
		break;
	}
}

navigator.geolocation.watchPosition(successFunc, errorFunc);
</script>
</head>
<body>
<div id="gps"></div>
</body>
</html>


忍者にアップしたページはこちら

http://latte.moto-chika.com/googlemap/iphone.html
iPhoneで実際に見てみましょう。