ホームページ >ウェブフロントエンド >H5 チュートリアル >地理位置情報を使用した HTML5 コード共有

地理位置情報を使用した HTML5 コード共有

黄舟
黄舟オリジナル
2017-03-15 16:03:081697ブラウズ

1) 地理位置情報を使用します:

navigator.geolocation を通じて地理位置情報関数にアクセスし、Geolocation オブジェクトを返します

1.1) 地理位置情報オブジェクトのメンバー:

getCurrent Posション ( callback,errorCallback,options)—現在位置を取得します;

watchPosition(callback,error,options)—現在位置の監視を開始します;

—現在位置の監視を停止します。 1.1.1)ブラウザがgetCurrentPositionのコールバック関数のパラメーターを呼び出すと、位置の詳細を提供する位置オブジェクトが渡されます。 s は

に戻ります

--- 現在の場所の座標、Cooperatives オブジェクトに戻ります。

latitude--- 10 進数で表現された緯度を返します。

lon

gitude—経度を 10 進数で返します。

高度—メートルで表現した高度を返します。で表現されるメートル;

高度精度 — メートルで表される高度精度を返します。 heading—度で表される進行方向を返します。 スピード——メートル/秒で表現される移動速度を返します

2) 地理位置情報エラーの処理:

getCurrentPosition(callback,errorCallback,options) メソッドの 2 番目のパラメーター。取得する関数を指定できます。 位置の取得中にエラーが発生した場合に呼び出されます。この関数は、PositionError オブジェクトを取得します。

code - エラーの種類を表すコードを返します

=1—ユーザーには地理位置情報機能を使用する権限がありません

=2—— 場所を特定できません

=3 - 位置情報のリクエストがタイムアウトしました

メッセージ - エラーを説明する

3) 地理位置情報オプションを指定します。 getCurrentPosition(callback, errorCallback, options) メソッドによって提供される 3 番目のパラメーターは、PositionOptions オブジェクトです。

PositionOptions オブジェクトのメンバー:

EnableHighAccuracy - 可能な限り最良の結果が必要であることをブラウザーに伝えます

timeout - 要求された場所の event を制限し、タイムアウト エラーが報告されるまでのミリ秒数を設定します。 MaximumAge -

4) 場所を監視します。

watchPosition メソッドは、位置に関する 更新 を継続的に取得します。必要なパラメータは getCurrentPosition メソッドと同じであり、同じように動作します。

違いは、位置が変わると、コールバック関数が繰り返し呼び出されることです。

れぇぇぇぇぇぇぇぇぇ

以上が地理位置情報を使用した HTML5 コード共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。