【正文】 0000} )。 //獲取當(dāng)前位置的經(jīng)度 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/27 頁(yè) 6 (39。+latitude+39。位置服務(wù)器拒絕 39。獲取信息超時(shí) 39。 break。 case 2: updateStatus(“瀏覽器無(wú)法獲取您的位置信息?！?)。 break。 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)角度來表示（不能獲取時(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ì)用戶的解釋信息。 POSITION_UNVAILABLE (2)—— 嘗試獲取用戶信息失敗（獲取不到位置信息）。 應(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)。這個(gè) ID 可與 clearWatch 方法配合使用，從而終止持續(xù)監(jiān)視當(dāng)前地理位置信息過程。 （ 2）代碼示例 var watchPositionId = (onSuccess, onError, options)。 charset=gb18030 titleHTML5 獲取地理位置信息示例 /title /head body onLoad=getGeolocationPositionData()。).innerHTML = 您當(dāng)前使用的瀏覽器不支持 Geolocation 服務(wù) 。經(jīng)度： 39。).innerHTML = geolocationDataString。).innerHTML = 錯(cuò)誤編碼為： + + ，錯(cuò)誤信息為： +。 （ 5）在 Google 的 Chrome 瀏覽器中設(shè)置允許獲得位置信息 點(diǎn)擊 Chrome 瀏覽器右端的“ ”按鈕，將出現(xiàn)下面的菜單 選擇其中的“設(shè)置”菜單項(xiàng)目，然后在彈出的對(duì)話框的下半部分點(diǎn)擊選擇“顯示高級(jí)設(shè)置”按鈕。不知道是什么原因？ （ 6）在 IE8 等不支持的瀏覽器中瀏覽的效果： 由于 HTML5 Geolocation 只能幫助開發(fā)者獲取用戶的“緯度”和“經(jīng)度”方面的數(shù)據(jù)，而無(wú)法獲取到更加詳細(xì)的用戶位置數(shù)據(jù) —— 比如國(guó)家代碼、城市等等。 / input type=button value= 終 止 持 續(xù) 跟 蹤 onClick=closeWatchGeolocationPositionData()。 } } function showGeolocationPositionData(latitudeValue, longitudeValue) { var geolocationDataString = 39。 + longitudeValue。 } function successGeolocationPositionData(geolocationPositionObject) { showGeolocationPositionData(, )。 } /script /body /html 根據(jù)獲得的緯度與經(jīng)度值最終在 Google 地圖中顯示出 （ 1）實(shí)現(xiàn)的基本原理 依據(jù) HTML5 Geolocation API 獲得用戶瀏覽器所在的地理位置數(shù)據(jù)后，如果再與 Google Map API 相互結(jié)合，最終實(shí)現(xiàn)在 Google Map 地圖中標(biāo)示出用戶的當(dāng)前位置。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/27 頁(yè) 16 !DOCTYPE html html head meta equiv=ContentType content=text/html。showGeolocationDataDivTagID39。 */ var latLngObject = new (, )。 ?HYBRID，用于同時(shí)顯示拍攝的圖塊和突出特征（道路、城市名）圖塊層。 可以使用 0（最低縮放級(jí)別，在地圖上可以看到整個(gè)世界）到 19（最高縮放級(jí)別， 可以看到獨(dú)立建筑物）之間的縮放級(jí)別 */ var geolocationMapOptions = { zoom: 15, //縮放級(jí)別 center: latLngObject, //將地圖的中心設(shè) 置為指定的地理點(diǎn) scaleControl: true, //比例尺 mapTypeControl: false, navigationControlOptions: {style: }, 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 18/27 頁(yè) 18 mapTypeId: }。 = 39。 /** 創(chuàng)建新的地圖實(shí)例時(shí)，需要在網(wǎng)頁(yè)中指定一個(gè) div標(biāo)簽元素作為地圖的容器，并在此 div標(biāo)簽中顯示出相關(guān)的地圖 */ var returnResultMap = new (showGeolocationDataDivTagObject, geolocationMapOptions)。 title 表示鼠標(biāo)放到 marker 上要顯示的值。).innerHTML = 錯(cuò)誤編碼為： + + ，錯(cuò)誤信息為： +。)[0]。 = 39。amp。amp。 } function translate(point, type, callback) { var callbackName = 39。to=4amp。 // 動(dòng) 態(tài)創(chuàng)建 script 標(biāo)簽 load_script(xyUrl)。amp。 = translate。 (handleSuccess, handleError, options)。 /** 為了能夠調(diào)用百度地圖的 API 顯示出具體的位置信息，需要進(jìn)行轉(zhuǎn)換所獲得的位置信息數(shù)據(jù)。 /** 將 google地圖中的經(jīng)緯度轉(zhuǎn)化為百度地圖的經(jīng)緯度，其中的 centerAndZoom方法實(shí)現(xiàn) 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 23/27 頁(yè) 23 將 point 移到瀏覽器中心（設(shè)置視圖中心點(diǎn)），并且地圖大小調(diào)整為 15。})。 (new ())。 var infoWindow = new (信息窗口 , opts)。 })。獲取不到位置 39。 alert(errorType[]+:獲取地理位置錯(cuò)誤 ,請(qǐng)檢查您的網(wǎng)絡(luò)是否通暢 !)。 ? 激活標(biāo)注的拖拽功能 ()。 （ 3）在地圖中添加信息窗口 InfoWindow 相關(guān)的 API ? 在某個(gè)特定的位置創(chuàng)建一個(gè)信息窗口 var infowindow = new (內(nèi)容 ,{width:250,height:100,title:hello})。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 27/27 頁(yè) 27