$(function () {
        map_init()
    })



    var map; //Map实例
    var markerArr;
    function map_init() {
        var emptyObj = [];
        $('#hid_ul>li').each(function () {
            var title = $(this).find("p").eq(0).text();
            var point = $(this).find("p").eq(1).text();
            var address = $(this).find("p").eq(2).text();
            var tel = $(this).find("p").eq(3).text();


            var myObj =
            {
                'title': title,
                'point': point,
                'address':address,
                'tel': tel
            };
            emptyObj.push(myObj);
        });
        markerArr = emptyObj
        // map = new BMap.Map("map");
        map = new BMap.Map("map",{
            minZoom : 5,
        });
        

        //第1步：设置地图中心点，广州市
        var point = new BMap.Point(116.609564,40.083812);
        //第2步：初始化地图,设置中心点坐标和地图级别。
        map.centerAndZoom(point, 5);
        if($(window).width()<=767){
            map.centerAndZoom(point, 1);
        }
        //第3步：启用滚轮放大缩小
        map.enableScrollWheelZoom(true);
        //第4步：向地图中添加缩放控件
        // var ctrlNav = new window.BMap.NavigationControl({
        //     anchor: BMAP_ANCHOR_TOP_LEFT,
        //     type: BMAP_NAVIGATION_CONTROL_LARGE
        // });
        // map.addControl(ctrlNav);
        //第5步：向地图中添加缩略图控件
        // var ctrlOve = new window.BMap.OverviewMapControl({
        //     anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
        //     isOpen: 1
        // });
        // map.addControl(ctrlOve);

        //第6步：向地图中添加比例尺控件
        // var ctrlSca = new window.BMap.ScaleControl({
        //     anchor: BMAP_ANCHOR_BOTTOM_LEFT
        // });
        // map.addControl(ctrlSca);

        //第7步：绘制点
        // console.log(markerArr);
        for (var i = 0; i < markerArr.length; i++) {
            var p0 = markerArr[i].point.split(",")[0];
            var p1 = markerArr[i].point.split(",")[1];
            var maker = addMarker(new window.BMap.Point(p0, p1), i);
            addInfoWindow(maker, markerArr[i], i);
        }
    }

    // 添加标注
    function addMarker(point, index) {
        var myIcon = new BMap.Icon("../images/address2.png",
            new BMap.Size(32, 40), {
                // offset: new BMap.Size(32, 40),
                // imageOffset: new BMap.Size(0, 0 - index * 25)
            });
        var marker = new BMap.Marker(point, { icon: myIcon });
        map.addOverlay(marker);
        return marker;
    }

    // 添加信息窗口
    function addInfoWindow(marker, poi) {
        //pop弹窗标题
        var title = '<div style="font-weight:bold;color:#CE5521;font-size:14px">' + poi.title + '</div>';
        //pop弹窗信息
        var html = [];
        html.push('<table cellspacing="0" style="table-layout:fixed;width:100%;font:12px arial,simsun,sans-serif;margin-top: 10px;"><tbody>');
        html.push('<tr>');
        html.push('<td style="vertical-align:top;line-height:16px;width:60px;white-space:nowrap;word-break:keep-all;padding: 5px 0;">详细地址:</td>');
        html.push('<td style="vertical-align:top;line-height:16px;padding: 5px 0;">' + poi.address + ' </td>');
        html.push('</tr>');
        html.push('<tr>');
        html.push('<td style="vertical-align:top;line-height:16px;width:60px;white-space:nowrap;word-break:keep-all;padding: 5px 0;">联系电话:</td>');
        html.push('<td style="vertical-align:top;line-height:16px;padding: 5px 0;"><p class="p_tel">' + poi.tel + ' </p></td>');

        html.push('</tr>');
        html.push('</tbody></table>');
        var infoWindow = new BMap.InfoWindow(html.join(""), { title: title, width: 200 });

        var openInfoWinFun = function () {
            marker.openInfoWindow(infoWindow);
            if( String($(".p_tel").html()).replace(/(^\s*)|(\s*$)/g, "") === "" ){
                $(".p_tel").parents("tr").hide();
            }
        };

        marker.addEventListener("click", openInfoWinFun);
        

        return openInfoWinFun;

        
         
        
        
    }