如何使用HTML5實現地理位置的獲取

現在的行動端大部分都帶有GPS定位功能，一方面可以利用基地台獲取位置，另一方面可以用GPS晶片精確定位，那麼我們在前端開發的過程中，如何在用戶同意分享地理位置的情況下取得精確的定位資訊呢？本文向大家展示如何使用HTML5實現地理位置的獲取，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

取得地理位置的原則

大部分的裝置分享地理位置需要使用者權限，那麼裝置是怎麼辨識地理位置的呢？大致有以下兩種方式：

1. 透過行動端的IP位址進行定位（包括WiFi，CDMA等）。

2. 透過衛星定位獲得經緯度資訊的 GPS 裝置。

首先我們需要設定呼叫函數來申請取得權限，然後利用回呼函數取得地理位置信息，最後對於輸出結果我們要進行容錯處理。

取得地理位置的步驟

#步驟一：呼叫位置函數

function get_location() {
  navigator.geolocation.getCurrentPosition(show_map, handle_error, PositionOptions);
}

#步驟二：取得地理位置

function show_map(position) {
  var latitude = position.coords.latitude;//获取纬度
  var longitude = position.coords.longitude;//获取经度
}

其中這個回呼函數要傳入一個 position 對象，就是取得的位置資訊。 position屬性如圖所示

#步驟三：容錯處理
##

function handle_error(err) {
  switch(err.code)  {
    case err.PERMISSION_DENIED:
      break;
    case err.POSITION_UNAVAILABLE:
      break;
    case err.TIMEOUT:
      break;
    case err.UNKNOWN_ERROR:
      break;
  }
}

在此列出了四種錯誤狀況

1. 使用者拒絕對取得地理位置的請求。

2. 位置資訊不可用。

3. 請求地理位置資訊逾時。

4. 未知錯誤。

#

以上是如何使用HTML5實現地理位置的獲取的詳細內容。更多資訊請關注PHP中文網其他相關文章！