在手持設備如此普遍的今天，位置信息對于應用程序來講是極其重要的，打車應用可以根據(jù)用戶的位置信息呼叫附近的車輛，團購軟件可以根據(jù)當前的位置推薦附近的影院和美食，地圖應用可以根據(jù)用戶的位置快速規(guī)劃到目的地的路線，可以說位置信息對于移動應用是不可或缺的。
為了順應這個潮流，HTML5為我們提供了Geolocation庫，有了它我們就能夠在Web應用中輕而易舉地實現(xiàn)上述這些功能。那么今天我就為大家介紹一下這個庫的使用。

基本用法 
首先，我們可以從瀏覽器的對象中通過geolocation屬性獲取到一個Geolocation的實例，如下圖所示：

圖中我們可以看到，Geolocation類有三個常用的方法，他們分別是：

1.getCurrentPosition: 用于獲取當前的位置信息
2.watchPosition: 用于在位置變化時實時監(jiān)測位置信息
3.clearWatch: 取消正在運行的監(jiān)測操作
我們先來看一下getCurrentPosition方法，下面是它的函數(shù)簽名：

一旦這段代碼運行起來，瀏覽器窗口就會彈出一個確認框，請求用戶進行位置定位的授權：

如果我們點擊Allow允許該站點進行位置定位，該函數(shù)就開始從設備獲取位置信息，并觸發(fā)成功的回調函數(shù)，并將位置信息對象傳入回調函數(shù)中，上面的代碼中我們在控制臺打印了position，控制臺信息如下：

可以看到，position實際上是一個Geoposition對象的實例，其中包括coords和timestamp兩個屬性，后者是一個時間戳，記錄獲取到位置時的時間，coords里面包含了很多位置有關的信息：

accuracy: 位置的精確度范圍，單位為米
altitude: 海拔高度，單位為米，如果設備不支持高度感應，則該屬性為null
altitudeAccuracy: 海拔精確度范圍，單位為米，如果設備不支持高度感應，則該屬性為null
speed: 設備移動的速度，單位為米/秒，如果設備不能提供速度信息，該屬性為null
heading: 當前移動的方向，以數(shù)字表示，單位為角度，以順時針[0, 360)度表示偏離正北方的角度，0表示正北方向，90度表示正東方向，180度表示正南方向，270表示正西方向；需要注意的是，如果speed為0，則heading會是NaN，如果設備不能提供方向信息，則該屬性為null
longitude: 經(jīng)度信息
latitude: 緯度信息
我們在成功的回調函數(shù)中接收到這些信息，可以根據(jù)實際的設備和應用場景獲取相應的信息，做進一步的操作。
回到剛才的確認框，如果我們點擊了Block阻止該站點獲取當前的位置信息，代碼就會授權失敗，相應地，失敗的回調函數(shù)就會被觸發(fā)，error錯誤對象也會被傳入回調函數(shù)，我們的打印信息如下：

可以看到error參數(shù)是一個PositionError實例，包含一個錯誤碼code和message，分別表示錯誤的類型和錯誤提示消息，其中錯誤碼有以下幾種：

 其中timeout是設定地理位置獲取的超時時間（單位為毫秒，用戶選擇允許的時間不計算在內(nèi)）；而maximumAge表示允許設備從緩存中讀取位置，緩存的過期時間，單位是毫秒，設為0來禁用緩存讀取。如果返回的是緩存中的時間，會在timestamp中反映出來。

最新評論