baiduMap.js

$(document).ready(function() {
   baiduMap();
    bind_map();
    //分页时为地图绑定click事件
       $("#pages ul").mouseleave(function() {
          
          bind_map();
      });
     
    $(".exit").click(function() {
        $("#waiMap").hide();
    });

});
//单击显示地图
function bind_map() {
    $(".map").click(function() {
        $("#waiMap").show();
        var pois = $(this).find("span").text();
        baiduMap(pois);

        var y = $(this).offset().top; //获取元素绝对的距离顶端的高度

        //  var x1 = x - Math.floor($("#waiMap").width() / 2);
        //  var y1 = y - $("#waiMap").height();
        var y1 = y + 70;
        //  alert(y1 );
        $("#waiMap").css({ "top": y1 });
        //如果地图绝对高度大于190，则滚动条要向下滚动，以确保地图居中
        if (y1 > 190) {
            //  $(window).scrollTop = y1 - 190;
            $('html,body').stop(true, true).delay(0).animate({ scrollTop: y1 - 190 }, "slow");

        }

    });
}
//加载地图并初始化
function baiduMap(pois) {
    var map = new BMap.Map("allmap");
    var point = "";
    if (pois == undefined) {

        point = new BMap.Point(106.44064, 29.859629); //重庆
    }
    else {
        var arrs = pois.split(',');
        point = new BMap.Point(arrs[0], arrs[1]);
    }

    map.centerAndZoom(point, 15); //已点point为中心初始化地图
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);   // 将标注添加到地图中

    //创建信息窗口

//    var content = '<div style="margin:0;line-height:15px;padding:0px; font-size:12px;">' +
//                    '<img src="image/images11.gig" alt="" style="float:right;zoom:1;overflow:hidden;width:50px;height:50px;margin-left:3px;"/>' +
//                    '地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>开放时间:周一至周五' +
//                  '</div>';
//    var opts = {
//        width: 250,     // 信息窗口宽度
//        height: 100,     // 信息窗口高度
//        border: 1,
//        title: "海底捞王府井店", // 信息窗口标题
//        enableMessage: true, //设置允许信息窗发送短息
//        message: "亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
//    }
//    var infoWindow = new BMap.InfoWindow(content, opts);  // 创建信息窗口对象
//    //  map.openInfoWindow(infoWindow, point); //开启信息窗口
//    marker.addEventListener("click", function() { this.openInfoWindow(infoWindow); });

    map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用
    map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
    map.addControl(new BMap.ScaleControl()); //缩放比例
    map.addControl(new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT }));
    map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
    map.addControl(new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_SMALL }));  //右上角，仅包含平移和缩放按钮
    map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
   

}