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