本文將為大家詳細介紹“HTML5中Geolocation API有什么用”，內(nèi)容步驟清晰詳細，細節(jié)處理妥當，而小編每天都會更新不同的知識點，希望這篇“HTML5中Geolocation API有什么用”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比朝陽網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式朝陽網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋朝陽地區(qū)。費用合理售后完善，十多年實體公司更值得信賴。

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優(yōu)雅的前端網(wǎng)頁。

HTML5 Geolocation API 用于獲得用戶的地理位置。鑒于該特性可能侵犯用戶的隱私，除非用戶同意，否則用戶位置信息是不可用的。

一  基于瀏覽器的HTML5查找地理位置

html5中的GPS定位功能封裝在 navigator.geolocation 屬性里,有三種方法:

(1) getCurrentPosition 只獲取一次用戶的位置

(2) watchPosition 返回用戶的當前位置，并繼續(xù)返回用戶移動時的更新位置（就像汽車上的 GPS）。

(3) clearWatch() - 停止 watchPosition() 方法

二 getCurrentPosition和 watchPosition方法使用格式是

getCurrentPosition(successCallback,errorCallback,positionOptions)和watchPosition(successCallback,errorCallback,positionOptions)

(1)successCallback表示調(diào)用函數(shù)成功以后的回調(diào)函數(shù)，該函數(shù)帶有一個參數(shù)，對象字面量格式，表示獲取到的用戶位置數(shù)據(jù)。

(2)errorCallback表示返回的錯誤代碼。它包含以下兩個屬性：

1、message：錯誤信息
2、 code：錯誤代碼。

其中code錯誤代碼包括以下四個值：
1 位置服務被拒絕
2 暫時獲取不到位置信息
3 獲取信息超時
4 未知錯誤

(3)positionOptions數(shù)據(jù)格式為JSON，有三個可選的屬性：

1、enableHighAcuracy — 布爾值： 表示是否啟用高精確度模式，如果啟用這種模式，瀏覽器在獲取位置信息時可能需要耗費更多的時間。
2、timeout — 整數(shù)： 表示瀏覽需要在指定的時間內(nèi)獲取位置信息，否則觸發(fā)errorCallback。
3、maximumAge — 整數(shù)/常量： 表示瀏覽器重新獲取位置信息的時間間隔。

下面來看一下測試例子:(注意要開啟定位后才可以看效果)

上面代碼最好用手機測試,因為谷歌瀏覽器因為被國內(nèi)封的緣故,定位嘛,你們懂得

二 HTML5 geolocation調(diào)用百度地圖api

百度地圖的手冊地址: developer.baidu.com/map/jsdemo-mobile.htm#i7_1

事先說明,html5不是精確定位,所以在地圖上查看效果時總有幾百米的誤差

如果你能讀到這里，小編希望你對“HTML5中Geolocation API有什么用”這一關鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領會，如果想閱讀更多相關內(nèi)容的文章，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！