要在自己的網(wǎng)頁(yè)中嵌入地圖,常用的方法可以歸納為以下幾種:
1、最簡(jiǎn)單的方法 ——使用谷歌地圖主頁(yè)的"鏈接"
如果你只需要在自己的頁(yè)面上顯示某個(gè)特定范圍的地圖,比如你的公司所在地,但是不需要在地圖上添加任何額外的內(nèi)容,比如標(biāo)記、折線等等,那么,使用這個(gè)方法來嵌入谷歌地圖是最簡(jiǎn)單的。
登錄谷歌地圖主頁(yè),定位你需要顯示的范圍后,點(diǎn)擊地圖左上角的“鏈接”,會(huì)出現(xiàn)一個(gè)信息框,給出兩個(gè)輸入框,把第二個(gè)輸入框中的內(nèi)容拷貝到你的頁(yè)面上就可以了。
其實(shí),這段嵌入代碼就是一個(gè)iframe的聲明,所以,雖然地圖主頁(yè)提供一個(gè)自定義地圖并預(yù)覽的功能,但是只能自定義地圖的大小,如果需要的話,我們完全可以通過手動(dòng)修改這個(gè)iframe聲明來實(shí)現(xiàn)更多的自定義,比如,給這段iframe加上自定義的樣式。
2、最精簡(jiǎn)的方法 ——使用谷歌靜態(tài)地圖
如果你需要顯示某個(gè)特定范圍的地圖,而且需要在地圖上加上一些標(biāo)記、折線。但是,你并不在乎你網(wǎng)頁(yè)上的地圖能否拖拽,那么,這個(gè)靜態(tài)地圖應(yīng)該就是你需要的了。
所謂靜態(tài)地圖,意思就是你在頁(yè)面上嵌入的其實(shí)只是一個(gè)gif圖片,這個(gè)gif圖片是你通過url從谷歌動(dòng)態(tài)獲取的,這樣的嵌入地圖就有別于我們常用的“動(dòng)態(tài)”地圖了,而且,加載這樣的地圖,比加載一個(gè)完整的地圖要快捷的多。
要在你的頁(yè)面上使用這樣的靜態(tài)地圖,只需要使用一個(gè)img標(biāo)簽,把這個(gè)標(biāo)簽的src屬性指定為谷歌靜態(tài)地圖的url就可以了。
看一個(gè)簡(jiǎn)單的靜態(tài)地圖url:http://ditu.google.cn/staticmap?center=39.915175,116.389332&zoom=14&size=500x300&key=your_key_here
在這個(gè)url中,你可以編輯center、zoom、size這些參數(shù)來指定地圖的中心點(diǎn)、縮放級(jí)別、地圖大小等等,當(dāng)然,如果需要在地圖上添加標(biāo)記、折線,你還可以加上對(duì)應(yīng)的參數(shù)。不過,不用擔(dān)心你要記住這么多參數(shù),這里有一個(gè)定制靜態(tài)地圖的向?qū)?/a>,簡(jiǎn)單的幾步就可以得到你需要的url了。如果有興趣,可以去研究一下谷歌靜態(tài)地圖的api文檔。
嚴(yán)格來說,谷歌靜態(tài)地圖也是谷歌地圖api的一種,所以,使用靜態(tài)地圖是需要你的谷歌地圖api密鑰的,如果你之前定義過地圖api的密鑰,直接copy過來就可以了,不需要再去注冊(cè)。如果你不知道密鑰是怎么回事,那就看看我之前對(duì)密鑰的解讀吧。
3、最自由的方法 --使用谷歌地圖api
如果上面兩種方式都不能滿足你的需求,那么,就來試試谷歌地圖api吧。雖然谷歌地圖api已經(jīng)細(xì)分為javascript、flash、earth、static等等多個(gè)版本,但是,在我看來,javascript api是谷歌地圖api的根本,所以,在我的博客里,除非特別指明,說到谷歌地圖api都是指谷歌地圖javascript api。使用這個(gè)api,你可以用你愿意的任何可行的表現(xiàn)形式在地圖上展現(xiàn)你的數(shù)據(jù),甚至可以把你自己的地圖做的比谷歌地圖還漂亮。
要使用這個(gè)api在頁(yè)面中嵌入地圖,簡(jiǎn)單的步驟就是:
1)使用javascript標(biāo)簽導(dǎo)入地圖api類庫(kù);
2)在頁(yè)面上定義一個(gè)裝載地圖的元素,通常使用一個(gè)div標(biāo)簽,指定width和height;
3)在你的javascript代碼中new gmap2(document.getelementbyid("your map container's id"));
4)使用gmarker、gpolyline等api中提供的類定制你要在地圖上添加的標(biāo)記、折線等等。
詳細(xì)的創(chuàng)建谷歌地圖過程可以看看我的“使用javascript創(chuàng)建地圖步驟詳解”。但是,要想自如的使用這個(gè)api,你需要具備一定的javascript知識(shí)和動(dòng)手能力,此外,強(qiáng)烈建議你先讀讀谷歌地圖javascript api的開發(fā)指南,能夠解決你的一些常見疑問,當(dāng)然了,你也可以在我的博客里找找你想了解的知識(shí)。
除了上面說的這幾種方法,其實(shí)還有一些比較少用的方法也可以在網(wǎng)頁(yè)中嵌入地圖,比如使用google gadget api,我在博客右邊欄嵌入的地圖使用的就是gadget api。
如果你不需要在自己的頁(yè)面中嵌入地圖,或者,你沒有自己的網(wǎng)站,那么,使用mapplet api也是一個(gè)不錯(cuò)的創(chuàng)建你自己的地圖的方式。這是一個(gè)可以在谷歌地圖主頁(yè)上“我的地圖”中運(yùn)行的小程序,它的api其實(shí)就是谷歌地圖api的一個(gè)子集,因?yàn)橐诠雀璧貓D主頁(yè)中嵌入,所以與谷歌地圖api稍稍有一些不同。詳細(xì)情況可以參考一下mapplet api的開發(fā)文檔 。
該文章在 2010/7/3 18:46:35 編輯過