陸勝網絡

廣州網站建設公司

在網站建設中(zhōng)如何調用百度地圖_廣州網站制作公

2019-06-17 15:11


 

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

第一(yī)步:首先到http://api.map.baidu.com/mapCard/這個地址,你首先要擁有一(yī)個百度賬号,你可以直接在百度上注冊行了。然後拉到最下(xià)面,點開始制作。如何在網站建設中(zhōng)調用百度地圖

第二步:點開始制作後,進入下(xià)面頁面:按下(xià)面要求将資料填寫好

如何在網站建設中(zhōng)調用百度地圖

 

這裏要注意的是,在街道地址那裏,将自已詳細地址寫好後,點下(xià)旁邊那個“定位到地圖”可以直接将你公司的地址在地圖上标志(zhì)出來。如果标注得不對,你可以拖動地圖上的标志(zhì),拖到你認爲對的位置,寫完後,就可以點提交了。

第三步:這一(yī)步有點複雜,各位需要認真看下(xià),見下(xià)圖:

教你在網站建設中(zhōng)如何調用百度地圖

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

經過三步,我(wǒ)們就很容易調用了公司的百度地圖,是不是很簡單,你也可以看下(xià)我(wǒ)們的效果:/support/。