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...