步骤一：申请百度地图密钥；

               Javascript API v1.4以及以前的版本无序申请秘钥（ak），自v1.5版本开始需要先申请秘钥（ak），才可以使用，如需获取更高的配额，需要申请               认证企业用户。百度地图API 链接地址:http://lbsyun.baidu.com/apiconsole/key    

  步骤二：在index.html中添加百度地图Javascript API接口；  

               1、  <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>     //   v1.4版本以及以前版本

               2、  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的秘钥" ></script>  //1.5版本后，需要秘钥

1.初始化地图，并设置地图中心点

 2.拖拽地图与滚轮的使用

3.创建地图的时候，关闭地图底图按钮，建筑的可点功能

4.移动地图，设置地图最大最小的缩放级别

5.获得地图当前中心点，返回两点间的距离

6.添加覆盖物，移除覆盖物，清楚所有覆盖物

7.地图添加控件的时候可以设置地图放在四个角中的哪个角

8.地图采集的经纬度，转化为度数，再转化为百度坐标点，在用new BMap.Point转换成打在地图上的点

9.Marker，添加地图各个事件

//添加复杂的信息窗口
var sContent =
    "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>天安门</h4>" + 
    "<img style='float:right;margin:4px' id='imgDemo' src='http://app.baidu.com/map/images/tiananmen.jpg' width='139' height='104' title='天安门'/>" + 
    "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>天安门坐落在中国北京市中心,故宫的南侧,与天安门广场隔长安街相望,是清朝皇城的大门...</p>" + 
    "</div>";
var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象

map.setViewport(points);　//让标注显示在最佳视野内