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から実行したいところ。
