通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——在html5中如何獲取地理位置信息及應(yīng)用實(shí)例（第1部分-文庫(kù)吧
2025-10-11 07:39 本頁(yè)面
【正文】 0000ms）時(shí)將觸發(fā)錯(cuò)誤處理程序，這時(shí)的錯(cuò)誤編碼值應(yīng)該是 3。 完整的獲取地理位置信息程序代碼示例 （ 1）代碼示例 ( function(position){ var latitude = 。 //獲取當(dāng)前位置的緯度 var longitude = 。 //獲取當(dāng)前位置的經(jīng)度 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/27 頁(yè) 6 (39。map39。).value = 39。緯度 :39。+latitude+39。精度 :39。+longitude。 }, function(error){ var errorType= {1:39。位置服務(wù)器拒絕 39。, 2:39。獲取不到位置 39。, 3:39。獲取信息超時(shí) 39。}。 alert(errorType[]+:獲取地理位置錯(cuò)誤 ,請(qǐng)檢查您的網(wǎng)絡(luò)是否通暢 !)。 /**也可以采用如下的代碼顯示修改的錯(cuò)誤信息 switch () { case 0: alert (“嘗試獲取您的位置信息時(shí)發(fā)生錯(cuò)誤：” + )。 break。 case 1: alert (“用戶拒絕了獲取位置信息請(qǐng)求?！?)。 break。 case 2: updateStatus(“瀏覽器無(wú)法獲取您的位置信息?！?)。 break。 case 3: updateStatus(“獲取您位置信息超時(shí)。” )。 break。 case 4: updateStatus(“未知錯(cuò)誤?！?)。 break。 } */ }, { /*設(shè)置緩存有效時(shí)間是 2 分鐘，單位是毫秒 */ maximumAge:60*1000*2, /*5 秒內(nèi)沒(méi)有回獲取信息視為超時(shí) */ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 7/27 頁(yè) 7 timeout:5000 } )。 （ 2）獲取地理位置成功時(shí)的 position 包含的屬性 getCurrentPosition 方法不僅可以返回緯度和經(jīng)度的坐標(biāo)值，也還提供對(duì)位置坐標(biāo)的準(zhǔn)確度控制。除此之外，它還會(huì)提供其它一些元數(shù)據(jù)，比如海拔、海拔準(zhǔn)確度、行駛方向和速度等，但具體結(jié)果需要取決于瀏覽器所在的硬件設(shè)備。 1) latitude 當(dāng)前地理位置的十進(jìn)制緯度數(shù)據(jù)值 2) longitude 當(dāng)前地理位置的十進(jìn)制經(jīng)度數(shù)據(jù)值 3) altitude 當(dāng)前海拔高度， 不能獲取時(shí)為 null 4) accuracy 獲取的緯度或經(jīng)度的精度（以米為單位制定緯度和經(jīng)度值與實(shí)際位置間的差距） 5) altitudeAccurancy 獲取海拔高度的精度（以米為單位） 6) heading 設(shè)備的前進(jìn)方向，用面朝正北方的順時(shí)針旋轉(zhuǎn)角度來(lái)表示（不能獲取時(shí)為null） 7) speed 設(shè)備的前進(jìn)速度（單位：米 /秒） 8) timestamp 獲取地理時(shí)間 （ 3）獲取地理位置失敗時(shí)的 PositionError 類型的 Error 對(duì)象包含的屬性 位置信息請(qǐng)求可能因?yàn)橐恍┎豢煽匾蛩厥?，這時(shí)應(yīng)用系統(tǒng)需要在錯(cuò)誤處理的回調(diào) 函數(shù)中提供對(duì)用戶的解釋信息。 Error 對(duì)象包含的主要屬性： 1） code 屬性：它包含有如下的四個(gè)值。 UNKNOWN_ERROR (0)—— 不包括在其它錯(cuò)誤編號(hào)中的錯(cuò)誤，需要通過(guò) message 參數(shù)查找錯(cuò)誤的詳細(xì)信息。 PERMISSION_DENIED (1)—— 用戶拒絕瀏覽器獲得其位置信息服務(wù)。 POSITION_UNVAILABLE (2)—— 嘗試獲取用戶信息失敗（獲取不到位置信息）。 TIMEOUT (3)—— 在 options 對(duì)象中設(shè)置了 timeout 值，嘗試獲取用戶位置超時(shí)錯(cuò)誤。 2） message 屬性：包含了一個(gè)字符串，在該字符串中包含了錯(cuò)誤信息 調(diào)用 watchPosition 方法實(shí)現(xiàn)持續(xù)監(jiān)視當(dāng)前地理位置信息 （ 1） watchPosition 方法實(shí)現(xiàn)一個(gè)追蹤器達(dá)到持續(xù)監(jiān)視當(dāng)前地理位置信息的效果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 8/27 頁(yè) 8 有時(shí)候，僅獲取一次用戶位置信息是不夠的。比如用戶正在移動(dòng)，隨著用戶的移動(dòng)，系統(tǒng)應(yīng)該能夠不斷更新顯示用戶的位置信息 —— 因?yàn)?watchPosition 就像一個(gè)追蹤器一樣實(shí)時(shí)監(jiān)視用戶的位置變化。 應(yīng)用程序可以使用 watchPosition方法會(huì)定期自動(dòng)獲取并進(jìn)行地理位置信息的更新請(qǐng)求，當(dāng)監(jiān)控到用戶 的位置發(fā)生變化時(shí)， HTML5 Geolocation 服務(wù)就會(huì)重新獲取用戶的位置信息，并且瀏覽器會(huì)觸發(fā)對(duì)其中的 successCallback 或 errorCallback 參數(shù)的回調(diào)。 watchPosition 方法與 clearWatch 方法一般成對(duì)使用， watchPosition 與 clearWatch 有點(diǎn)像setInterval 和 clearInterval 的工作方式。 （ 2）該方法定義 int watchCurrentPosition(onSuccess, onError, options)。 該方法中 的三個(gè)參數(shù)的說(shuō)明和使用方法和前面的 getCurrentPosition 方法的參數(shù)一樣，并返回一個(gè) ID 數(shù)值。這個(gè) ID 可與 clearWatch 方法配合使用，從而終止持續(xù)監(jiān)視當(dāng)前地理位置信息過(guò)程。 （ 3）如果某個(gè)平臺(tái)不支持 watchPosition，可以應(yīng)用 setInterval 代替 可使用 setInterval 函數(shù)并且?guī)酌腌姸ㄎ灰淮巍? 應(yīng)用 clearWatch 方法停止獲取用戶的地理位置信息 （ 1）主要的功能 如果應(yīng)用程序不需要再接收用戶的位置更新消息，可以應(yīng)用 vodi clearWatch(watchId)方法實(shí)現(xiàn)此功能 —— 為用戶提供關(guān)閉實(shí)時(shí)監(jiān)視其位置信息變化的功能。該方法中的 watchId參數(shù)是調(diào)用前面的 watchCurrentPosition 方法監(jiān)視時(shí)返回的參數(shù)。 （ 2）代碼示例 var watchPositionId = (onSuccess, onError, options)。 (watchPositionId )。 一旦調(diào)用 clearWatch 方法之后， 瀏覽器 /設(shè)備就會(huì)停止獲取用戶的地理位置信息，并并停止調(diào)用 JavaScript 程序。 獲取用戶的地理位置信息示例 （ 1）代碼示例 !DOCTYPE html 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/27 頁(yè) 9 html head meta equiv=ContentType content=text/html。 charset=gb18030 titleHTML5 獲取地理位置信息示例 /title /head body onLoad=getGeolocationPositionData()。 div id=showGeolocationDataDivTagIDdiv script type=text/javascript function getGeolocationPositionData(){ if () { (successGeolocationPositionData, errorGetGeolocationPositionData)。 } else { (39。showGeolocationDataDivTagID39。).innerHTML = 您當(dāng)前使用的瀏覽器不支持 Geolocation 服務(wù) 。 } } function showGeolocationPositionData(latitudeValue, longitudeValue) { var geolocationDataString = 39。您當(dāng)前的地理位置中的緯度： 39。 + latitudeValue + 39。，經(jīng)度： 39。 + longitudeValue。 (39。showGe
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1