進(jìn)入百度地圖界面。申請(qǐng)網(wǎng)址：http://api.map.baidu.com/lbsapi/createmap/index.html，如圖1.1所示

（圖1.1   百度地圖代碼申請(qǐng)界面）

創(chuàng)建地圖。以創(chuàng)建“深圳市天助人和信息技術(shù)有限公司”的百度地圖為例。

1）定位中心點(diǎn)：選擇當(dāng)前的城市，比如“深圳”，然后輸入地名或者大廈，快速定位，比如“蓮塘”，點(diǎn)擊查找，效果如圖如圖1.2所示

2）設(shè)置地圖：可以設(shè)置地圖顯示的尺寸，添加按鈕等信息，如圖1.3所示

3）添加標(biāo)注：在此可以選擇點(diǎn)標(biāo)記、線標(biāo)記或者文字標(biāo)記，這里以“點(diǎn)標(biāo)記”為例，在右側(cè)地圖框內(nèi)找到具體的公司位置，點(diǎn)擊一下，然后在左側(cè)填寫“名稱”和“備注”，然后點(diǎn)擊“保存”，右側(cè)就會(huì)立即出現(xiàn)地圖效果框，如圖1.4所示

（圖1.2   定位中心點(diǎn)）

（圖1.3   設(shè)置地圖）

（圖1.4   添加標(biāo)注）

獲取百度地圖代碼。

點(diǎn)擊“預(yù)覽”，可以查看我們生成的地圖效果。

點(diǎn)擊“獲取代碼”，如圖1.5所示，這個(gè)是一個(gè)完整的靜態(tài)頁面，我們可以復(fù)制到Dreamweaver中，創(chuàng)建一個(gè)map.html靜態(tài)頁面，本地調(diào)試， 加上百度密鑰，測試沒問題后上傳如意寶文件中心。切記，千萬不要直接復(fù)制代碼粘貼到如意寶后臺(tái)編輯器里，會(huì)被編輯器過濾掉的。

（圖1.5   獲取百度地圖代碼）

調(diào)用百度地圖代碼。在如意寶文件中心里，獲取map.html頁面相對(duì)地址，然后到如意寶相應(yīng)欄目里，比如聯(lián)系我們頁面的公司地圖位置，使用iframe框架來調(diào)用百度地圖，代碼效果如下：
<iframe src="/ufile/11838/pic/map.html" style="border:1px solid #ccc;" width="697" height="550" scrolling="no"></iframe>

備注：（1）src替換為如意寶文件中心的頁面路徑，width和height可根據(jù)實(shí)際情況調(diào)整。

（圖1.6   如意寶網(wǎng)站調(diào)用百度地圖效果圖）