首先 ，如果想調用百度地圖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：定位控件，針對移動端開發，預設位于地圖左下方。