HTML5的地理位置功能怎么用

這篇文章主要講解了“HTML5的地理位置功能怎么用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“HTML5的地理位置功能怎么用”吧！

這是一個 HTML5 API，用于獲取網(wǎng)站用戶的地理位置，用戶必須首先允許網(wǎng)站獲取他或她的位置。這通常通過按鈕和/或?yàn)g覽器彈出窗口來實(shí)現(xiàn)。所有最新版本的 Chrome、Firefox、IE、Safari 和 Opera 都可以使用 HTML5 的地理位置功能。

地理位置的一些用途是：

• 公共交通網(wǎng)站

• 出租車及其他運(yùn)輸網(wǎng)站

• 電子商務(wù)網(wǎng)站計(jì)算運(yùn)費(fèi)

• 旅行社網(wǎng)站

• 房地產(chǎn)網(wǎng)站

• 在附近播放的電影的電影院網(wǎng)站

• 在線游戲

• 網(wǎng)站首頁提供本地標(biāo)題和天氣

• 工作職位可以自動計(jì)算通勤時間

工作原理： 地理位置通過掃描位置信息的常見源進(jìn)行工作，其中包括以下：

• 全球定位系統(tǒng)（GPS）是最準(zhǔn)確的

• 網(wǎng)絡(luò)信號 - IP地址、RFID、Wi-Fi 和藍(lán)牙 MAC地址

• GSM/CDMA 蜂窩 ID

• 用戶輸入

該 API 提供了非常方便的函數(shù)來檢測瀏覽器中的地理位置支持：

if (navigator.geolocation) {

// do stuff

}

getCurrentPosition API 是使用地理位置的主要方法。它檢索用戶設(shè)備的當(dāng)前地理位置。該位置被描述為一組地理坐標(biāo)以及航向和速度。位置信息作為位置對象返回。

語法是：

getCurrentPosition(showLocation, ErrorHandler, options);

• showLocation：定義了檢索位置信息的回調(diào)方法。

• ErrorHandler（可選）：定義了在處理異步調(diào)用時發(fā)生錯誤時調(diào)用的回調(diào)方法。

• options （可選）： 定義了一組用于檢索位置信息的選項(xiàng)。

我們可以通過兩種方式向用戶提供位置信息：測地和民用。

1. 描述位置的測地方式直接指向緯度和經(jīng)度。

2. 位置信息的民用表示法是人類可讀的且容易理解。

如下表 1 所示，每個屬性/參數(shù)都具有測地和民用表示。

感謝各位的閱讀，以上就是“HTML5的地理位置功能怎么用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對HTML5的地理位置功能怎么用這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！