首先，引入百度地圖的指令碼：

1. <script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>  

然後根據api定義自己的：

1. var points = [{  
2.         id: 1,  
3.         lng: 113.9278789384,  //經度
4.         lat: 22.5390216496,   //緯度
5.         title: "深圳恆大"
   ,  
6.         content: ["地址：深圳市南山區沙河西路2029,城市山谷香樟街1A-20,雅萱府。 電話：0755-86953681"]  
7.     }];  
8.     var map = new BaiduMap({  
9.         id: "container3",  
10.         level: 16, //  選填--地圖級別--(預設15)
11.         zoom: true, // 選填--是否啟用滑鼠滾輪縮放功能--(預設false)
12.         type: ["地圖", "衛星", "三維"], // 選填--顯示地圖型別--(預設不顯示)
13.         width: 320, // 選填--資訊視窗width--(預設自動調整)
14.         height: 70, // 選填--資訊視窗height--(預設自動調整)
15.         titleClass: "title",  
16.         contentClass: "content",  
17.         showPanorama: true, // 是否顯示全景控制元件(預設false)
18.         showMarkPanorama: true, // 是否顯示標註點全景圖(預設false)
19.         showLabel: false, // 是否顯示文字標註(預設false)
20.         mapStyle: "normal", // 預設normal,可選dark,light
21.         icon: { // 選填--自定義icon圖示
22.             url: "img/marker2.png",  
23.             width: 34,  
24.             height: 94  
25.         },  
26.         centerPoint: { // 中心點經緯度
27.             lng: 113.9278789384,  
28.             lat: 22.5390216496  
29.         },  
30.         index: 0, // 開啟對應的資訊視窗，預設-1不開啟
31.         animate: true, // 是否開啟墜落動畫，預設false
32.         points: points, // 標註點--id(唯一標識)
33.     });