首先 ，如果想調用百度地圖api，你需要獲取一個百度地圖api的密鑰。
申請秘鑰的步驟：
1、搜索百度地圖：
2、進入后，先登錄然后點擊申請密鑰：
3、
4、申請成功，擁有密鑰
有了密鑰之后，引入百度API
列：
1、首頁——>開發文檔——>web開發——>javascript API
百度地圖JavaScript API是一套由JavaScript語言編寫的應用程序接口，可幫助您在網站中構建功能豐富、交互性強的地圖應用，支持PC端和移動端基於瀏覽器的地圖應用開發，且支持HTML5特性的地圖開發。
2、然后點擊示例DEMO
3、示例DEMO中有很多不同的演示，比如地圖展示，地鐵路線等
4、如若想要繪制一個地圖展示，點擊地圖示例——>地圖展示——>復制源代碼編輯器里的代碼——>將它粘貼到你的編輯器中
5、對復制的代碼進行修改
6、效果展示：
百度API提供的：
BMap.Map方法創建地圖時候需要一個容器(地圖會根據容器的大小自動進行調整。)，填寫相關容器的id。
map.centerAndZoom方法創建地圖，第一個參數可以是根據之前創建好的一個點為中心，創建出地圖，也可以根據城市地區的中文名稱創建地圖。（如果拼寫正確，可以根據城市的英文名稱來創建）
map.centerAndZoom第二個參數是地圖縮放級別，最大為19，最小為0。（但實際當縮小到3的時候就已經。。。）
百度地圖提供了非常豐富的功能空間共我們使用。
1.Control：控件的抽象基類，所有控件均繼承此類的方法、屬性。通過此類您可實現自定義控件。
2.NavigationControl：地圖平移縮放控件，PC端默認位於地圖左上方，它包含控制地圖的平移和縮放的功能。移動端提供縮放控件，默認位於地圖右下方。
3.OverviewMapControl：縮略地圖控件，默認位於地圖右下方，是一個可折疊的縮略地圖。
4.ScaleControl：比例尺控件，默認位於地圖左下方，顯示地圖的比例關系。
5.MapTypeControl：地圖類型控件，默認位於地圖右上方(地圖，衛星，三維)。
6.CopyrightControl：版權控件，默認位於地圖左下方。
7.GeolocationControl：定位控件，針對移動端開發，默認位於地圖左下方。