国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
Google Map API使用詳解(十二)——如何在自己的網(wǎng)頁(yè)中嵌入地圖

要在自己的網(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.970981,116.314108&zoom=16&size=400x400&key=YOUR_API_KEY

在這個(gè)URL中,你可以編輯center、zoom、size這些參數(shù)來指定地圖的中心點(diǎn)、縮放級(jí)別、地圖大小等等,當(dāng)然,如果需要在地圖上添加標(biāo)記、折線,你還可以加上對(duì)應(yīng)的參數(shù)。不過,不用擔(dān)心你要記住這么多參數(shù),這里有一個(gè)定制靜態(tài)地圖的向?qū)?,?jiǎn)單的幾步就可以得到你需要的URL了。如果有興趣,可以去研究一下谷歌靜態(tài)地圖的API文檔。

嚴(yán)格來說,谷歌靜態(tài)地圖也是谷歌地圖API的一種,所以,使用靜態(tài)地圖是需要你的谷歌地圖API密鑰的,如果你之前定義過地圖API的密鑰,直接復(fù)制過來就可以了,不需要再去注冊(cè)。

 

3、  最自由的方法 --使用谷歌地圖API

如果上面兩種方式都不能滿足你的需求,那么,就試試谷歌地圖API吧。雖然谷歌地圖API已經(jīng)細(xì)分為JavaScript、FlashEarth、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)簽,指定widthheight;

3)在你的JavaScript代碼中new GMap2(document.getElementById("your map container's id"));

4)使用GMarker、GPolylineAPI中提供的類定制你要在地圖上添加的標(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è)中嵌入地圖,在此不再贅述。


本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Google Maps
百度地圖 API 制作路書 | Fooleap's Blog
混血網(wǎng)站誕生 公司相互嫁接成就新商業(yè)模式
google map 應(yīng)用學(xué)習(xí)網(wǎng)站 - JavaScript - web - JavaEye論壇
如何在網(wǎng)頁(yè)中加入google地圖并標(biāo)識(shí)具體位置
谷歌地圖api3中的折線問題
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服