【正文】 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/27 頁 3 Geolocation API 的數(shù)據(jù)來源可能是 GPS、 IP 地址、 RFID、 WiFi、藍(lán)牙 MAC 地址、GSM/CDMA 卡 ID 等，主要來源如下： 1) IP 地址 2) 三維坐標(biāo) GPS（ Global Positioning System，全球定位系統(tǒng)） 3) WiFi 4) 手機(jī)信號 5) 用戶自定義數(shù)據(jù) 基于各種位置信息的數(shù)據(jù)源獲取地理位置信息的對比 HTML5 獲取地理位置信息是通過 Geolocation API 實(shí)現(xiàn)的 Geolocation API 用于將用戶當(dāng)前地理位置信息共享給信任的站點(diǎn)，該位置信息是通過支持地理定位功能的底層設(shè)備（比如筆記本電腦或手機(jī) ）提供給瀏覽器的。 （ 2）瀏覽器提供安全提示 在獲取地理位置信息前，首先瀏覽器都會向用戶詢問是否愿意共享其位置信息，待用戶同意后才能使用 —— 因?yàn)檫@涉及用戶的隱私安全問題，所以當(dāng)一個站點(diǎn)需要獲取用戶的當(dāng)前地理位置，瀏覽器會提示用戶是“允許” or “拒絕”。 （ 2） Geolocation API 中存在有如下的三個方法 1) getCurrentPosition 以異步調(diào)用的方式獲取地理位置 2) watchPosition 持續(xù)監(jiān)視當(dāng)前地理位置的信息 數(shù)據(jù)源 優(yōu)點(diǎn) 缺點(diǎn) IP 地址 任何地方都可用 ，特別是 在服務(wù)器端處理 不精確（經(jīng)常出錯，一般精確到城市級） ，而且 運(yùn)算代價(jià)大 。 } 上面的示例代碼應(yīng)該在頁面加載時就應(yīng)該要被調(diào)用，如果瀏覽器支持 HTML5 獲取地理位置信息服務(wù)，對 的調(diào)用將返回該對象，否則將觸發(fā)錯誤；當(dāng)瀏覽器不支持 HTML5 獲取地理位置信息服務(wù)時，可以提供一些替代文本，以提示用戶升級瀏覽器或安裝插件（如 Gears）來增強(qiáng)現(xiàn)有瀏覽器功能。 （ 1） enableHighAccuracy（ Boolean 類型，默認(rèn)值為 false） 是否嘗試更精確 地讀取緯度和經(jīng)度數(shù)據(jù)（但這個參數(shù)在很多設(shè)備上沒有用，而且將會導(dǎo)致設(shè)備花費(fèi)更多的時間和資源來確定位置，應(yīng)謹(jǐn)慎使用。 完整的獲取地理位置信息程序代碼示例 （ 1）代碼示例 ( function(position){ var latitude = 。+longitude。 alert(errorType[]+:獲取地理位置錯誤 ,請檢查您的網(wǎng)絡(luò)是否通暢 !)。 break。 （ 2）獲取地理位置成功時的 position 包含的屬性 getCurrentPosition 方法不僅可以返回緯度和經(jīng)度的坐標(biāo)值，也還提供對位置坐標(biāo)的準(zhǔn)確度控制。 2） message 屬性：包含了一個字符串，在該字符串中包含了錯誤信息 調(diào)用 watchPosition 方法實(shí)現(xiàn)持續(xù)監(jiān)視當(dāng)前地理位置信息 （ 1） watchPosition 方法實(shí)現(xiàn)一個追蹤器達(dá)到持續(xù)監(jiān)視當(dāng)前地理位置信息的效果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 8/27 頁 8 有時候，僅獲取一次用戶位置信息是不夠的。 應(yīng)用 clearWatch 方法停止獲取用戶的地理位置信息 （ 1）主要的功能 如果應(yīng)用程序不需要再接收用戶的位置更新消息，可以應(yīng)用 vodi clearWatch(watchId)方法實(shí)現(xiàn)此功能 —— 為用戶提供關(guān)閉實(shí)時監(jiān)視其位置信息變化的功能。 } else { (39。 (39。 （ 3）在 FireFox 中的執(zhí)行結(jié)果 如果點(diǎn)擊其中的“詳細(xì)了解”的超鏈接，將出現(xiàn)下面的說明文字： 而如果點(diǎn)擊其中的“共享位置信息”的鏈接，將出現(xiàn)下面的結(jié)果： 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/27 頁 11 數(shù)據(jù)出現(xiàn)差別是由于在不同地方執(zhí)行的結(jié)果（前面是在科學(xué)園南里，后面是在中關(guān)村）。 持續(xù)跟蹤獲取用戶的地理位置信息 持續(xù)跟蹤獲取用戶的地理位置信息示例 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/27 頁 14 !DOCTYPE html html head meta equiv=ContentType content=text/html。 + latitudeValue + 39。showGeolocationDataDivTagID39。 div id=showGeolocationDataDivTagIDdiv script type=text/javascript function getGeolocationPositionData(){ if () { (successGeolocationPositionData, errorGetGeolocationPositionData)。 ?ROADMAP，用于顯示 Google Maps 默認(rèn)的普通二維圖塊。showGeolocationDataDivTagID39。 每個標(biāo)記都是一個 對象，在實(shí)例化時需 要給定一定的配置信息，如標(biāo)記的位置。 charset=gb18030 script src= type=text/javascript /script script type=text/javascript (function() { // 閉包 function load_script(xyUrl, callback) { var head = (39。 = xyUrl。 } } }。y= + + amp。 } } = || {}。 } function handleSuccess(position){ /** 獲取到當(dāng)前位置經(jīng)緯度（ google 地圖中的經(jīng)緯度） */ var currentLongitude = 。 (marker)。 (new ())。位置服務(wù)器拒絕 39。 （ 1）在地圖中添加附加的控件 1) NavigationControl：縮放地圖的控件，默認(rèn) 在左上角； 2) OverviewMapControl：地圖的縮略圖的控件，默認(rèn)在右下方； 3) ScaleControl：地圖顯示比例的控件，默認(rèn)在左下方； 4) MapTypeControl：地圖類型控件，默認(rèn)在右上方； （ 2）在地圖中添加標(biāo)注 Marker 相關(guān)的 API ? 在 point 處添加標(biāo)注 var marker = new (point)。 （ 4）在地圖中添加折線 Polyline 相關(guān)的 API var polyline = new ([new (X1,Y1), new (X2,Y2), new (X3,Y3)], {strokeColor:blue, strokeWeight:6, strokeOpacity:})。 ? 刪除覆蓋物 (marker)。獲 取信息超時 39。 // 打開信息窗口 //折線 var polyline = new ([ new (, ), new (, ), 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 24/27 頁 24 new (,)], {strokeColor:blue, strokeWeight:6, strokeOpacity:} //藍(lán)色、寬度為 6 )。 //標(biāo)注可拖拽 (point, 15)。 */ var map = new (showMapDivTagID)。 /script /head body div id=showMapDivTagID style=width:600px。 // 調(diào)