HTML5 Geolocation(地理定位)

2021-07-12 04:44:12 字數 1392 閱讀 6836

html5 geolocation(地理定位)用於定位使用者的位置。

html5 geolocation api 用於獲得使用者的地理位置。

鑑於該特性可能侵犯使用者的隱私,除非使用者同意,否則使用者位置資訊是不可用的。

internet explorer 9+, firefox, chrome, safari 和 opera 支援geolocation(地理定位).

注意:geolocation(地理定位)對於擁有 gps 的裝置,比如 iphone,地理定位更加精確。

請使用 getcurrentposition() 方法來獲得使用者的位置。

下例是乙個簡單的地理定位例項,可返回使用者位置的經度和緯度:

嘗試一下 »

例項解析:

上面的例子是乙個非常基礎的地理定位指令碼,不含錯誤處理。

getcurrentposition() 方法的第二個引數用於處理錯誤。它規定當獲取使用者位置失敗時執行的函式:

function showerror(error)

} 嘗試一下 »

錯誤**:

function showposition(position)

嘗試一下 »

在上例中,我們使用返回的經緯度資料在谷歌地圖中顯示位置(使用靜態影象)。

google地圖指令碼

上面的鏈結向您演示如何使用指令碼來顯示帶有標記、縮放和拖曳選項的互動式地圖。

本頁演示的是如何在地圖上顯示使用者的位置。不過,地理定位對於給定位置的資訊同樣很有用處。

例項:

t若成功,則 getcurrentposition() 方法返回物件。始終會返回 latitude、longitude 以及 accuracy 屬性。如果可用,則會返回其他下面的屬性。

屬性描述

coords.latitude

十進位制數的緯度

coords.longitude

十進位制數的經度

coords.accuracy

位置精度

coords.altitude

海拔,海平面以上以公尺計

coords.altitudeaccuracy

位置的海拔精度

coords.heading

方向,從正北開始以度計

coords.speed

速度,以公尺/每秒計

timestamp

響應的日期/時間

watchposition() - 返回使用者的當前位置,並繼續返回使用者移動時的更新位置(就像汽車上的 gps)。

clearwatch() - 停止 watchposition() 方法

下面的例子展示 watchposition() 方法。您需要一台精確的 gps 裝置來測試該例(比如 iphone):

嘗試一下 »

html5介紹,什麼是html5,html5新特性

html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c 與 whatwg 合作的結果。編...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5 html5 本地儲存

最近一直在學習 html5,為了後期的移動專案進行知識儲備。html5 相對於 html4 新增加了一些有趣的標籤 屬性和方法,今天主要介紹下 html5 的本地儲存。html5 提供了兩種在客戶端儲存資料的新方法 兩個方法用法完全一樣,下面就以 localstorage 為例。早期我們都是使用 c...