googlemapapi學(xué)習(xí)-資料下載頁
2025-08-12 08:04本頁面
【導(dǎo)讀】要使用googlemaps的api，第一步首先是注冊一個googlemapsapi的key，點這里進(jìn)入！以后才能看見key。申請到key的頁面除了列出你的網(wǎng)站地址和key以外，還會給你一個適合你網(wǎng)站的simple頁面，可以復(fù)制粘貼在一張htm頁面上，傳上服務(wù)器看看效果。這段代碼是調(diào)用googlemaps地圖的，googlemapsapi所用的所有信息都是來自上面這個鏈接。覽器，但是仍然出現(xiàn)瀏覽器不匹配的問題。G_NORMAL_MAP(普通圖，即半透明的街區(qū)圖，雖然googlebendi已經(jīng)有北京很詳細(xì)的交通圖了，為參數(shù)寫入GMap2的構(gòu)造函數(shù)即可。(比如div的id是map,寫入的就是。GoogleMapsAPI提供了很多現(xiàn)成的控件，這也是我們在一些用googlemapsapi做二次開發(fā)的。員函數(shù)，括號內(nèi)填入要加上的控件即可。小控制面板，有方向和放大縮小按鈕，但沒有放大縮小的尺度條。在地圖的右上方加上三個按鈕，分別表示普通圖，衛(wèi)星圖，兩者合稱圖。應(yīng)用googlemapsapi總是要表現(xiàn)一些自己的想添加的東西，這一點可以體現(xiàn)在動作響應(yīng)上，下面的代碼，使得用戶在拖動地標(biāo)到達(dá)一個位置后給出地標(biāo)所指的坐標(biāo)。
【正文】 為正常，那么我們就可以使用 GXml 的 parse方法來處理 URL 傳來的數(shù)據(jù)了 ,(數(shù)據(jù) )返回的是一個 DOM 樹， DOM 在上一章已經(jīng)介紹過了，對于此 DOM樹的操作就可以在網(wǎng)頁上處理 xml中的數(shù)據(jù)了。下面是處理第一個 xml 文件的代碼，運行結(jié)果是在沿著 xml中的 pathpoint 在圖上畫圖一條路徑： var showpath=function(){ GDownloadUrl(, function(data, responseCode){ var xml=(data)。 if(!xml||!) { alert(無效的 xml)。 return。 } var pathways=(path)。 for(var j=0。j 將上面的函數(shù)在 onload()函數(shù)中，在地圖顯示后調(diào)用，即可顯示路徑。點 這里 可以看 Google Map 路徑標(biāo)記 看過 上一篇你應(yīng)該對 google maps上 xml 文件的載入和路徑的畫法有了認(rèn)識，我們知道，在免費版的 google earth 中路徑標(biāo)記功能是沒有的，但是我們可以利用 google maps api 容易的做出這種功能，這張網(wǎng)頁就是一個簡單的實現(xiàn)，它最后在右邊生成的代碼就是上一張我們所用的xml 文件中的一個 path，粘貼在一個 xml文件中然后使用上一章舉例的代碼就可以讀出，還是比較方便的。 使用方法 先將地標(biāo)拖到你要畫路徑的地方，將地圖大小調(diào)整好，然后點擊重新記錄路徑，這個時候每將地標(biāo)拖至一個地方，其地標(biāo)都會被記錄 在文本框中，最后路徑結(jié)束點擊 完成 ，就生成了一個完整的路徑 path，一個 xml文件中可以包含多個這樣的 path. 當(dāng)然， xml 文件是我自己隨便定義的，你也可以自己定義 xml 文件或者使用 google earth 產(chǎn)生的 xml，然后自己寫一些處理的代碼即可。 Google Maps API 避免瀏覽器內(nèi)存泄露 by:CGcheng(轉(zhuǎn)載注明出處 ) 內(nèi)存泄漏 其實這最后一章沒有什么好說的，因為在你的網(wǎng)頁中大量使用到了 google maps api，寫入了太多的 javascript 代碼，然后產(chǎn)生大規(guī)模的 dom樹，尤其 是地標(biāo)很多的時候，無法避免的 就會出現(xiàn)瀏覽器內(nèi)存泄漏的情況，特別是 Inter Explorer 瀏覽器，所以在頁面 body處 onload載入了地圖，在 onunload 的時候應(yīng)該調(diào)用 GUnload()以釋放大部分的內(nèi)存。 未完成的工作 簡單的 api 教程就寫到這里了，通過前面幾章基本上就可以應(yīng)付個人網(wǎng)站上使用 google maps api編輯和加工地圖了。本來打算再寫一章 GTilelayer 的使用的，也就是將你自己的地圖蓋在google maps 上，這樣使你的地圖跟 google 的一樣可以互動。這部分的示例 可以參考網(wǎng)站 WOW 的地圖 酷的應(yīng)用， 不過前提是你得有這方面的地圖數(shù)據(jù)，有時間我會加上的。 應(yīng)用舉例 這個網(wǎng)頁是我利用 google maps api 做的一個簡單的應(yīng)用，里面點擊路標(biāo)會有一部分信息彈出，希望能對你有用。這個地圖和上面的地圖各有特色，也希望能有一天能將兩者整合在一起。另外，也非常希望你能給我提出意見和建議！ 感謝 Google 提供的免費 Maps API
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1