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

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

第二步:點開始制作后,進入下面頁面:按下面要求將資料填寫好

這里要注意的是,在街道地址那里,將自已詳細地址寫好后,點下旁邊那個“定位到地圖”可以直接將你公司的地址在地圖上標志出來。如果標注得不對,你可以拖動地圖上的標志,拖到你認為對的位置,寫完后,就可以點提交了。

第三步:這一步有點復雜,各位需要認真看下,見下圖:

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

經過三步,我們就很容易調用了公司的百度地圖,是不是很簡單,你也可以看下我們的效果:http://www.nfbmw.net/support/。