html5 ガイド-4. 地理位置情報を使用して測位機能を実装する_html5 チュートリアル スキル

今日学習するのは、Geolocation を使用して測位機能を実装することです。 Geolocation オブジェクトは、次のメソッドを提供する navigator.geolocation を通じて取得できます。
getCurrentPosition(callback,errorCallback,options): 現在の位置を取得します。
watchPosition(callback,error,options): 現在の位置の監視を開始します。 Position;
clearWatch(id): 現在位置の監視を停止します。
注: 以下の例で使用されているブラウザは chrome です。他のブラウザを使用している場合、実行結果が例で表示される結果と一致するかどうかは保証できません。
1. 現在位置を取得します。
現在位置を取得するには、位置情報が直接返されません。処理用のコールバック関数。座標の取得には時間がかかるため、アクセス許可を求められます。次の例を見てみましょう:

コードをコピーします

コードは次のとおりです:

🎜>

<script> <br />navigator.geolocation.getCurrentPosition(displayPosition); <br />function displayPosition(pos) { <br />var プロパティ = ['経度', '緯度', '精度', '高度精度', '見出し ', '速度']; <br />for (var i = 0, len = property.length; i < len; i ) { <br />var value = pos.coords[properties[i]] ; <br /> document.getElementById(properties[i]).innerHTML = 値; <br />} <br />document.getElementById('timestamp').innerHTML = <br />} <br /></ script> <br /></script>

経度:	/td> 緯度:	- ;	高度:	-	精度:	-	高度精度:	-	見出し:	-	速度:		タイムスタンプ: