今天就跟大家聊聊有關(guān)怎么在html5中使用Geolocation實現(xiàn)一個定位功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

在東烏珠穆沁等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計、成都網(wǎng)站制作 網(wǎng)站設(shè)計制作按需設(shè)計網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營銷推廣,成都外貿(mào)網(wǎng)站制作,東烏珠穆沁網(wǎng)站建設(shè)費用合理。

1.獲取當(dāng)前位置
我們將使用getCurrentPosition方法獲取當(dāng)前位置，位置信息不會以結(jié)果的形式直接返回，我們需要使用callback函數(shù)進(jìn)行處理。在獲取坐標(biāo)的過程中會有些延遲，還會問你要訪問權(quán)限。我們來看下面的例子：

代碼如下:

 
 
 
 
 
 
 
 
 
Longitude: 
- 
Latitude: 
- 
 
 
Altitude: 
- 
Accuracy: 
- 
 
 
Altitude Accuracy: 
- 
Heading: 
- 
 
 
Speed: 
- 
Time Stamp: 
- 
 
 
 
 

返回的position對象包含兩個屬性，coords：返回坐標(biāo)信息；timestamp：獲取坐標(biāo)信息的時間。其中coords又包括下面屬性：latitude：緯度；longitude：經(jīng)度；altitude：高度；accuracy：精確度（米）；altitudeAccuracy：高度精確度（米）；heading：行進(jìn)方向；speed：行進(jìn)速度（米/秒）。
并不是所有的信息都會返回，這取決于你承載瀏覽器的設(shè)備。像有GPS、加速器、羅盤的移動設(shè)備會返回大部分信息，家用電腦就不行了。家用電腦獲取的位置信息，取決于所處的網(wǎng)絡(luò)環(huán)境或者是wifi。下面我們看上例的運行結(jié)果。

點擊允許，獲取坐標(biāo)信息。

2.處理異常
現(xiàn)在我們介紹getCurrentPosition的異常處理，他是通過使用errorCallback回調(diào)函數(shù)實現(xiàn)的。函數(shù)返回的參數(shù)error包含兩個屬性，code：錯誤類型的代碼；message：錯誤信息。code包含三個值：1：用戶沒有授權(quán)使用geolocation；2：無法獲取坐標(biāo)信息；3：獲取信息超時。
下面我們看個例子：

代碼如下:

Longitude:	-	Latitude:	-
Altitude:	-	Accuracy:	-
Altitude Accuracy:	-	Heading:	-
Speed:	-	Time Stamp:	-
Error Code:	-	Error Message:	-

拒絕授權(quán)，運行結(jié)果：

3.使用geolocation可選參數(shù)項
getCurrentPosition(callback,errorCallback,options)中的options有如下參數(shù)可以使用，enableHighAccuracy：使用好的效果；timeout：超時時間（毫秒）；maximumAge：指定緩存時間（毫秒）。我們來下下面的例子：

代碼如下:

Longitude:	-	Latitude:	-
Altitude:	-	Accuracy:	-
Altitude Accuracy:	-	Heading:	-
Speed:	-	Time Stamp:	-
Error Code:	-	Error Message:	-

4.監(jiān)視位置變化
下面我們介紹使用watchPosition方法實現(xiàn)位置變化的監(jiān)視，他的使用方法和getCurrentPosition一樣。我們來看例子：

代碼如下:

Longitude:	-	Latitude:	-
Altitude:	-	Accuracy:	-
Altitude Accuracy:	-	Heading:	-
Speed:	-	Time Stamp:	-
Error Code:	-	Error Message:	-

Cancel Watch

看完上述內(nèi)容，你們對怎么在html5中使用Geolocation實現(xiàn)一個定位功能有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

本文名稱：怎么在html5中使用Geolocation實現(xiàn)一個定位功能-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/jcoic.html