在使用百度地圖之前，我們要先去百度開放平台申請ak。地址：http://lbsyun.baidu.com/
填寫開發者認證信息，你可以以個人名義，也可以以公司名義申請一個秘鑰，企業開發者認證功能更加強大。在前期做技術開發，我們通常以個人名義申請一個秘鑰，等以后項目要上線的時候切換到企業的秘鑰就可以了(你也可以利用強大的百度找一些秘鑰) 一般填寫完認證信息之后，三五個工作日之內，就會審核，審核通過后，就可以去創建應用了。
用百度地圖生成器，去生成代碼，地址：http://api.map.baidu.com/lbsapi/creatmap/index.html
將生成的代碼，直接復制粘貼到項目頁面中就可以使用，但是生成的代碼畢竟是生成的，你需要自己進行重構。
你還可以去百度API示例中去尋找例子，然后進行修改，改造成你需要的樣子。地址：http://developer.baidu.com/map/jsdemo.htm#c1_3
下面是我做的一個簡單的例子，你只要拷貝下來，然后把自己的秘鑰填上就好了。
1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 9 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 10 <style type="text/css"> 11 body, html, #allmap { 12 width: 100%; 13 height: 100%; 14 overflow: hidden; 15 margin: 0; 16 font-family: "微軟雅黑"; 17 } 18 </style> 19 <title>異步加載地圖</title> 20 </head> 21 <body> 22 <div id="allmap"></div> 23 </body> 24 </html> 25 <script type="text/javascript"> 26 //百度地圖API功能 27 function loadJScript() { 28 var script = document.createElement("script"); 29 script.type = "text/javascript"; 30 script.src = "//api.map.baidu.com/api?v=3.0&ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&callback=init"; 31 document.body.appendChild(script); 32 } 33 function init() { 34 var map = new BMap.Map("allmap"); // 創建Map實例 35 var point = new BMap.Point(116.404, 39.915); // 創建點坐標 36 map.centerAndZoom(point,15); 37 map.enableScrollWheelZoom(); //啟用滾輪放大縮小 38 } 39 window.onload = loadJScript; //異步加載地圖 40 </script> 41 42 <html> 43 <head> 44 <meta name="viewport" content="width=device-width" /> 45 <title>Map</title> 46 </head> 47 <body> 48 <div> 49 </div> 50 </body> 51 </html>
這實在是太簡單了，沒什么好講的，只是有一點，大家在寫代碼的過程中，盡量做到不要重復你的代碼，這是最最基本的原則。
其實，使用一些第三方的API，真的很簡單，你只需要先大概過一遍API文檔，知道它能做什么，然后你需要哪方面的功能，就再專門細看一下這塊的功能文檔和示例，然后自己照着改就可以了。