项目中突然被要求加入地图,所以今天下午就研究了百度地图API

这是我修改后最精简的版本了,拿过去贴上可以直接使用的。把大象关进冰箱需要三步，这里连三步也用不上

1，首先页面中首先要引入下面的两个js文件
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchControl/1.4/src/SearchControl_min.js"></script>

2，把下面的demo写到模板文件中

var map = new BMap.Map('map_container',{
        enableHighResolution: true//开启高清
    });
    var point = new BMap.Point(122.053048,37.524917);//初始化坐标
    map.centerAndZoom(point,19); //初始化地图
    map.enableInertialDragging(); //开启关系拖拽
    map.enableScrollWheelZoom();  //开启鼠标滚动缩放
    //设置标注图片路径和尺寸
    var icon = new BMap.Icon('/plus/img/pin.png',new BMap.Size(20,32), {
        anchor:new BMap.Size(10,30),
    });
    //定义标注所在坐标
    var mkr = new BMap.Marker(new BMap.Point(122.053048,37.524917), {
        icon:icon
    });
    map.addOverlay(mkr);

OK 刷新看看吧