iPhone 現在地取得 GPSナビ
2011.04.13
この記事は最終更新日から1年以上が経過しています。
iPhoneにはiOSというOSが使われており、
iOS3.0からiPhone内蔵webブラウザ「safari」上で動くjavascriptに
GPSデータの取得機能が追加されています。
safariに搭載されているGPS関連機能はW3CのGeolocationAPIに準拠し、
FireFox3.5でも動作させることが可能です。
navigatorオブジェクト内にgeolocationオブジェクトが用意されていて、
取得は
navigator.geolocation.getCurrentPosition() 現在の位置情報
navigator.geolocation.watchCurrentPosition() 現在地を定期的に監視
navigator.geolocation.clearWatch() watchPosition()での監視を中止
となっています。
定期的に取得するのなら
watchPosition()を使用。
watchPosition(update)で値を取得するとupdate関数が呼ばれるように記述。
オブジェクト内には
position.coords.latitude; //緯度
position.coords.longitude; //経度
position.coords.altitude; //高度
position.coords.accuracy; //水平方向（緯度経度）誤差
position.coords.altitudeAccuracy; //垂直方向（高さ）誤差
position.coords.heading //方角
position.coords.speed //速さ
これらの情報が格納されています。
経度、緯度等の取得
HTML
<div id="location">lat,lng,accuracy</div>
JavaScript
<script type="text/javascript">
window.onload = function(){
navigator.geolocation.watchPosition(update);
}
関数実行させる。
//位置が検出されたら緯度、経度、誤差と時間を表示
function update(position){
var lat = position.coords.latitude; //緯度
var lng = position.coords.longitude; //経度
var acc = position.coords.accuracy; //誤差
document.getElementById("location").innerHTML ="緯度："+lat+",<br>経度："+lng+",<br>誤差："+acc+"<br>更新時間："+(new Date());
}
</script>
（その他スタイル等は任意で。）
デモ
http://webcyou.com/demo/iphone/map.html
現在地の情報取得デモ
