ユーザーの現(xiàn)在の場所を取得するには、HTML5 Geolocation APIを使用してください。このAPIは、ユーザーの承認(rèn)後の緯度や経度などの情報(bào)を提供します。コアメソッドはgetCurrentPosition（）です。これには、成功したエラーコールバックを処理する必要があります。同時(shí)に、HTTPSの前提條件、ユーザー承認(rèn)メカニズム、エラーコード処理に注意してください。 call getCurrentPositionを呼び出して位置を1回取得し、エラーコールバックが失敗した場合にトリガーされます。 culresユーザーはそれを承認(rèn)する必要があります。そうしないと、取得できず、促されない場合があります。 ererエラー処理は、拒否、タイムアウト、場所を利用できないなどを區(qū)別する必要があります。 hightecision Hightision、Set Timeout Timeなどを有効にし、3番目のパラメーターを介して構(gòu)成できます。オンライン環(huán)境はHTTPSを使用する必要があります。それ以外の場合は、ブラウザによって制限される場合があります。

ユーザーの現(xiàn)在の場所を取得するために、HTML5はジオロケーションAPIを提供します。これは非常に実用的なブラウザーインターフェイスです。これにより、Webページは、ユーザー許可の前提の下で、緯度や経度などの地理的位置情報(bào)を取得できます。使用するのは複雑ではありませんが、注意を払うためのいくつかの重要なポイントがあります。

基本的な使用法： navigator.geolocation.getCurrentPositionを呼び出します

コアメソッドはgetCurrentPosition()です。これにより、ユーザーの現(xiàn)在の1回限りの位置データを取得しようとします。

 if（navigator.geolocation）{
  navigator.geolocation.getCurrentPosition（
    （位置）=> {
      console.log（ "latitude：" position.coords.latitude）;
      console.log（ "経度：" position.coords.longitude）;
    }、
    （エラー）=> {
      console.error（ "場所を取得できない"、エラー）;
    }
  ）;
} それ以外 {
  console.log（ "ブラウザはジオロケーションをサポートしていません"）;
}

このコードは、まずブラウザがジオロケーションAPIをサポートしているかどうかを確認(rèn)し、 getCurrentPositionメソッドを呼び出し、2つのコールバック関數(shù)を渡します。1つは正常に取得された位置情報(bào)を処理し、もう1つは可能なエラーを処理します。

注：この方法では、デフォルトで場所を継続的に追跡しません。位置の変更を聞く必要がある場合は、 watchPosition()を使用してください。

ユーザー承認(rèn)メカニズム：ライセンスを取得する必要があります

Geolocation APIの重要なポイントは、ユーザー認(rèn)証です。ウェブサイトが初めて場所をリクエストすると、ブラウザは通常、ユーザーに共有場所を許可するかどうかを?qū)い亭毳抓恁螗抓去堀氓工颔荪氓抓ⅴ氓驻筏蓼埂?

• ユーザーが拒否した場合、2番目のコールバック関數(shù)（エラーハンドラー）がトリガーされます。
• ユーザーが許可する場合、最初のコールバック関數(shù)（成功ハンドラー）が呼び出されます。
• ユーザーは「これ以上の問い合わせ」を選択することもできます。また、ブラウザの設(shè)定を手動(dòng)で変更しない限り、將來的に認(rèn)可プロンプトを取得できなくなります。

したがって、実際の開発では、次のように注意する必要があります。

• 明確なヒントを提供して、ユーザーに位置許可が必要な理由を伝えます。
• ユーザーが承認(rèn)を拒否したかどうかを確認(rèn)します。
• モバイルアプリケーションについては、システム設(shè)定にジャンプするガイドを提供することを検討してください。

エラー処理：障害の狀況を無視しないでください

場所を取得することは常に成功するとは限りません。失敗の一般的な理由は次のとおりです。

• ユーザーは承認(rèn)を拒否します。
• ポジショニングサービスは利用できません。
• タイムアウト;
• HTTPSはサポートされていません（ほとんどの最新のブラウザでは、ジオロケーションを有効にするためにHTTPSが必要です）。

したがって、 getCurrentPosition呼び出す場合、エラー処理機(jī)能を渡し、異なるエラーコードに基づいて対応するフィードバックを提供する必要があります。

例えば：

 function showerror（エラー）{
  switch（error.code）{
    ケースERROR.PERISTION_DENIED：
      console.log（ "ユーザーがロケーションリクエストを拒否した"）;
      壊す;
    ケースエラー.position_unavailable：
      console.log（ "位置情報(bào)は利用できません"）;
      壊す;
    ケースERROR.TIMEOUT：
      console.log（ "request timeout"）;
      壊す;
    デフォルト：
      console.log（ "不明なエラー"）;
  }
}

また、最大タイムアウト時(shí)間の設(shè)定、高精度などを有効にするなど、3番目のパラメーターを設(shè)定することで動(dòng)作を制御することもできます。

 { 
  EnableHighAccuracy：true、//高精度モード（GPSなど）を有効にする
  タイムアウト：5000、//待機(jī)ポジションの最大時(shí)間最大時(shí)間：0 //キャッシュ位置なし}

ヒント：HTTPSは基本的な前提です

ほとんどの最新のブラウザでは、WebサイトでHTTPSを使用してGeolocation APIにアクセスする必要があります。ローカルでテストしている場合（ localhostなど）、通常は問題ありませんが、オンライン環(huán)境に展開する場合は、SSL証明書を構(gòu)成することを忘れないでください。

さらに、一部のブラウザ（Chromeなど）は、非セキュアなコンテキストをますます制限しているため、HTTPSプロトコルを使用していることを確認(rèn)してください。そうしないと、サイレントの失敗やサイレントの問題に遭遇する可能性があります。

基本的にそれだけです。承認(rèn)プロセス、エラー処理、およびプロトコル要件に注意を払う限り、HTML5 Geolocation APIを使用してユーザーの場所を取得できます。

以上がHTML5 Geolocation APIでユーザーの現(xiàn)在の場所にアクセスする方法は？の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。