這篇文章運用簡單易懂的例子給大家介紹HTML5如何實現(xiàn)地理位置的獲取，代碼非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

旅順口ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

獲取地理位置的原理

大部分的設備分享地理位置需要用戶權限，那么設備是怎么識別地理位置的呢？大致有如下兩種方式：

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

2. 通過衛(wèi)星定位獲得經(jīng)緯度信息的 GPS 設備。

首先我們需要設置調(diào)用函數(shù)來申請獲取權限，然后利用回調(diào)函數(shù)獲取地理位置信息，最后對于輸出結果我們要進行容錯處理。

獲取地理位置的步驟

步驟一：調(diào)用位置函數(shù)

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;//獲取經(jīng)度
}

其中這個回調(diào)函數(shù)要傳入一個 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如何實現(xiàn)地理位置的獲取就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章標題：HTML5如何實現(xiàn)地理位置的獲取-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/cchgoh.html