網(wǎng)站制作中,在游覽一些企業(yè)網(wǎng)站的時(shí)候,會(huì)發(fā)現(xiàn)對方的網(wǎng)站放上一個(gè)百度地圖,不但注明了自已公司的位置,而且還能告訴客戶如何到達(dá)公司,比如自駕車如何到,坐公交車或地鐵如何到達(dá),公司周邊都有些什么,非常的人性化,你是不是也想讓自已的網(wǎng)站也有一個(gè)?其實(shí)這個(gè)很簡單,今天就讓我們通過百度API開發(fā)平臺(tái)也做一個(gè),非常簡單,就三步:

第一步:首先到http://api.map.baidu.com/mapCard/這個(gè)地址,你首先要擁有一個(gè)百度賬號(hào),你可以直接在百度上注冊行了。然后拉到最下面,點(diǎn)開始制作。

第二步:點(diǎn)開始制作后,進(jìn)入下面頁面:按下面要求將資料填寫好

這里要注意的是,在街道地址那里,將自已詳細(xì)地址寫好后,點(diǎn)下旁邊那個(gè)“定位到地圖”可以直接將你公司的地址在地圖上標(biāo)志出來。如果標(biāo)注得不對,你可以拖動(dòng)地圖上的標(biāo)志,拖到你認(rèn)為對的位置,寫完后,就可以點(diǎn)提交了。

第三步:這一步有點(diǎn)復(fù)雜,各位需要認(rèn)真看下,見下圖:

這里也有三步,第一步是,選擇地圖要顯示的內(nèi)容,這里有三部分,一個(gè)是基礎(chǔ)信息,就是你第二步提交的資料,如果你不想在你網(wǎng)站上顯示,你可以不選擇,第二部分是是否讓你網(wǎng)站上的地圖顯示周邊公交,不要也可以不選擇,么三部分,就是是否需要公交檢索,根據(jù)你實(shí)際情況和頁面美觀來決定是否需要。第二步,就是你想你顯示的這個(gè)大圖的大小,百度為我們初始了三種大圖大小,如果這三個(gè)尺寸都不合,你可以自定義寬和高,不過在這里要注意的是,實(shí)際的地圖寬度會(huì)比你這個(gè)尺寸大4px,如果你對細(xì)節(jié)要求比較高的,這個(gè)需要知道。第三步,定好地圖尺寸后,就可以將生成的代碼粘到自已網(wǎng)頁上或發(fā)到朋友了,粘到網(wǎng)站的代碼是最后一個(gè),采用iframe的,記住是粘在源代碼上的,如果使用編輯器,要切換在代碼模式下才行。

經(jīng)過三步,我們就很容易調(diào)用了公司的百度地圖,是不是很簡單,你也可以看下我們的效果:http://www.gdepyc.cn/support/。