onload = function () {
    //初始化地图
    var map = new BMap.Map("baiduMap"); //创建Map实例
    var point = new BMap.Point(113.270836, 22.596741);
    map.centerAndZoom(point, 18); //初始化地图,设置中心点坐标和地图级别
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    })); //添加地图类型控件
    map.setCurrentCity("上海"); //初始显示的城市
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    //添加比例尺和缩放
    var top_left_control = new BMap.ScaleControl({
        anchor: BMAP_ANCHOR_TOP_LEFT
    }); //左上角，添加比例尺
    var top_left_navigation = new BMap.NavigationControl(); //左上角，添加默认缩放平移控件
    map.addControl(top_left_control);
    map.addControl(top_left_navigation);

    //单击获取点击的经纬度
    map.addEventListener("click", function (e) {
        console.log(e.point.lng + "," + e.point.lat);
    });

    //标记指定地点
    // var local = new BMap.LocalSearch(map, {
    //     renderOptions: {
    //         map: map
    //     }
    // });
    // local.search("上海魔方企业形象设计有限公司");

    //根据城市名定位
    function theLocation(city) {
        if (city !== "") {
            map.centerAndZoom(city, 18); //用城市名设置地图中心点
        }
    }
    theLocation("广东樱花智能科技有限公司");

    //创建标记点
    var markers = [{
        title: "广东樱花智能科技有限公司",
        content: "地址：广东省中山市小榄镇宝成路19号",
        imageOffset: {
            width: 0,
            height: -21
        },
        position: {
            lng: 113.270836,
            lat: 22.596741,
        }
    }];
    for (var index = 0; index < markers.length; index++) {
        var marker = new BMap.Marker(point, {
            icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",
                new BMap.Size(20, 25), {
                    imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index]
                        .imageOffset.height)
                })
        }); //创建标记点
        map.clearOverlays(); //清除地图上所有覆盖物
        map.addOverlay(marker); //将标记点添加到地图中
        marker.enableDragging(); //标记点可拖拽
        var infoWindow = new BMap.InfoWindow(markers[index].content, {
            title: markers[index].title
        }); //创建信息窗口对象 
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    }
}