【正文】 olocationPositionData(){ if (watchPositionId){ (watchPositionId)。經(jīng)度： 39。).innerHTML = 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/27 頁 15 geolocationDataString。).innerHTML = 錯誤編碼為： + + ，錯誤信息為： +。一般我們不做移動設(shè)備開發(fā)的話都設(shè)置為 false。 } else { (39。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 17/27 頁 17 做 地址解析 。 ?SATELLITE，用于顯示拍攝的圖塊。在低縮放級別下， 一小組地圖圖塊就可以覆蓋廣闊的區(qū)域；而在高縮放級別下，圖塊的分辨率會更高，覆蓋的區(qū)域則會更小。)。600px39。 通過 icon 可以設(shè)定自己想顯示的圖標(biāo)，不設(shè)置則顯示 Google map 默認(rèn)的圖標(biāo)。showGeolocationDataDivTagID39。head39。)。 // 借鑒了 jQuery 的 script 跨域方法 = = function() { if ((! || === loaded || === plete)) { callback amp。 if (head amp。 // Use insertBefore instead of appendChild to circumvent an IE6 bug. (script, )。 // 隨機函數(shù)名 var xyUrl = + type + amp。callback=. + callbackName。 callback amp。 = {}。 height:400px 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 22/27 頁 22 /div /body script type=text/javascript if () { var options = { enableHighAccuracy: true, }。 var currentLatitude = 。 var currentPositionPoint = new (currentLongitude, currentLatitude)。 (click,function(){ //點擊標(biāo)注時出發(fā)事件 alert(您點擊了標(biāo)注 )。 (new ())。 //創(chuàng)建信息窗口 var opts = { width : 50, // 信息窗口寬度 height: 50, // 信息窗口高度 title : 您在這！ // 信息窗口標(biāo)題 }。 (polyline)。, 2:39。}。 ? 添加覆蓋物 (marker)。 ? 銷毀標(biāo)注 ()。 (polyline)。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 26/27 頁 26 ? 在 地圖中央打開信息窗口 (infoWindow,())。 ? 為標(biāo)注添加事件 (名稱 ,function(){ //點擊標(biāo)注后的事件 })。 } /script /html （ 3）示例代碼在 IE9 中的執(zhí)行結(jié)果 （ 4）在 Google 的 Chrome 瀏覽器中執(zhí)行 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 25/27 頁 25 編程控制百度地圖的顯示方式 在上面的示例中出現(xiàn)了許多對“百度地圖”的控制方式的控件 API，下面加以詳細說明。, 3:39。 } function handleError(error){ var errorType= {1:39。 // 創(chuàng)建信息窗口對象 (infoWindow, ())。 (new ())。 ()。 */ (currentPositionPoint, 2, function(point){ var marker = new (point)。 在名稱 ID 為 showMapDivTagID 標(biāo)簽容器中創(chuàng)建一個地圖 ,參數(shù) showMapDivTagID 為某個div標(biāo)簽的 id 屬性。 } else { alert(瀏覽器不支持 html5 來獲取地理位置信息 )。 })()。 callback(point)。 [callbackName] = function(xyResult) { delete [callbackName]。x= + + amp。cbk_39。 ) { (script)。 callback()。text/javascript39。 var script = (39。 在目標(biāo) div標(biāo)簽中顯示出該地圖 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/27 頁 19 } /script /body /html （ 3）在 IE9 中的執(zhí)行結(jié)果 （ 4）在 Google 的 Chrome 瀏覽器中執(zhí)行 根據(jù)獲得的緯度與經(jīng)度值最終在百度地圖中顯示出 （ 1）百度地圖 API 是可以給開發(fā)人員調(diào)用的開放 API 開發(fā)人員可以通過一個 URL 地址引用相關(guān)的 API，然后就可以在 Javascript 程序中進行調(diào)用，它是一套為開發(fā)者免費提供的基于百度地圖的應(yīng)用程序接口 —— 包括 JavaScript、iOS、 Andriod、靜態(tài)地圖、 Web 服務(wù)等多種版本，官方網(wǎng)站 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 20/27 頁 20 （ 2）代碼示例 !DOCTYPE HTML html head titleHTML5 獲取地理位置信息示例 /title meta equiv=ContentType content=text/html。 */ var marker = new ({ position: latLngObject, map: returnResultMap, title:你在這里！ })。 /** LatLng 對象在 Google Maps API 中用途廣泛， 對象會在其構(gòu)造函數(shù)中應(yīng)用 LatLng，并在地圖上所指定的地理位置上添加標(biāo)記疊加層。500px39。 var showGeolocationDataDivTagObject = (39。 ?TERRAIN，用于顯示自然地形圖塊，自然地形圖塊中會顯示高度和水體特征（山脈、河流等）。 /** 創(chuàng)建一個包含地圖初始化變量的 Map options 對象 —— 也就是設(shè)定地圖參數(shù)，該對象不是構(gòu)建出來的，而是以對象常量的形式創(chuàng)建出來的。).innerHTML = 您當(dāng)前使用的瀏覽器不支持 Geolocation服務(wù) 。 charset=gb18030 titleHTML5 獲取地理位置信息示例 /title script type=text/javascript src= /script