HTML5位置情報APIGeolocation関数を含むHTMLファイルは原則として、サーバへアップしましょう。例外的にFireFoxではクライアントPCにファイルを置いたままでも実行可能です。
サンプル
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”>
</head>
<body>
<input type=”button” value=”位置情報取得” onclick=”showPos()”/>
<!– Android 1.6対策 –>
<script type=”text/javascript” src=”gear5-0.3.js”>
</script>
<script type=”text/javascript”>
function showPos() {
// geolocation に対応しているかチェック
if (navigator.geolocation == undefined) {
alert(”位置情報が利用できません。”); return;
}
// 位置情報の取得
navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
// 成功したとき。position.cords.属性の書き方に注意
function successCallback(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//google http://maps.google.co.jp/?ll=35.0274583,135.7821389
//Mapion http://www.mapion.co.jp/m/35.0274583_135.7821389_8/ 最後の_8は縮尺を表す。各自で試してみるとよい。
var uri = ”http://maps.google.co.jp/?ll=” + lat + ”,” + lon;
document.write(”<h1>地図の表示</h1>”);
document.write(”<a href=’” + uri + ”’>現在地を表示</a>”);
}
// 失敗したとき
function errorCallback(err) {
alert(”失敗(”+err.code+”)”+err.message);
}
};
</script>
</body>
</html>
図 クライアントにある位置情報APIGeolocationを含むページをChromeから実行したいところ。
comments