HTML5 地理位置情報 API のサンプル コード

1.navigator.geolocation
HTML5の地理的位置に関連する主なオブジェクトは、いくつかのメソッドとプロパティを備えたブラウザのHTML5地理的位置のサポートを検出することです。

2.getCurrentPosition、watchPosition、clearWatch メソッド
これらは地理位置情報の 2 つの中心的なメソッドです。前者は地理的位置情報のみを取得し、後者は一定時間間隔で地理的位置情報を取得しますが、戻り値が異なります。後者はwatchIdを渡します。 clearWatch メソッドのパラメータにより、地理的位置情報の要求を終了できます。
getCurrentPosition は次の形式です:

void getCurrentPosition(in PositionC
all
back successCallback, 
                           in optional PositionErrorCallback errorCallback, 
                           in optional PositionOptions options);

最初のパラメータは 関数 で、通常は正常に受信した地理的位置情報を処理するために使用され、パラメータとして位置オブジェクトを受け取り、受信した地理的位置情報を提供します。
2 番目のパラメーターはオプションであり、 エラー処理 にも使用される関数です。この関数は通常、パラメーターとしてエラー オブジェクトを受け取り、error には エラー情報 が含まれます。
3 番目のパラメータは、地理的位置情報をさらに制御するために使用され、これもオプションです。通常は中括弧で囲まれ、次の 3 つの値があります:

timeout: 地理位置情報リクエストのタイムアウトをミリ秒単位で指定するために使用されます。 MaximumAge: 地理的位置情報の
更新頻度をミリ秒単位で指定するために使用されます。 例は次のとおりです:

navigator.geolocation.getCurrentPosition(up
date
Location,han
dl
eLocationError, 
                                         {timeout:10000});

3.psition オブジェクト

次のように定義されます:

interface Position {
      readonly attribute Co
ord
inates coords;
      readonly attribute DOMTimeStamp timestamp;
   };

サブオブジェクトの座標と属性のタイムスタンプがあります。

coords: は、次のように定義される座標オブジェクトです:

   interface Coordinates {
         readonly attribute double latitude; //维度
         readonly attribute double lon
git
ude; //经度
         readonly attribute double? altitude; //高程（/m）
         readonly attribute double accuracy; //经度和维度的精确度（/m）
         readonly attribute double? altitudeAccuracy; //高程精确度（/m）
         readonly attribute double? 
head
ing; //移动方向（/deg）
         readonly attribute double? speed; //移动速度（/m/s）
      };

これらのプロパティがないと、プログラミング

によって取得される値は、多くのブラウザーやデバイスに実装されません。 緯度、経度、精度の 3 つの属性は、それぞれ要求された寸法、経度、精度の情報を提供するために使用されます。緯度と経度は 10 進数で表され、精度単位はメートルです。 タイムスタンプ: タイムスタンプ
。

4.error オブジェクト error オブジェクトには、エラーの種類を指定するために使用される code 属性があり、code には 4 つの値があります: 0 (UNKNOWN_ERROR1、1 (PERMISSION_DENIED)、2 () POSITION_UNAVAILABLE) と 3 (TIMEOUT)

さらに、error にはエラーの詳細を提供する message 属性もあります

。

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