var markerArr = [ {title:"Ningbo Dahua Grinding Wheel Co., Ltd",address:"Hengxi Industrial Zone,Yinzhou,Ningbo,China Tel: 86-574-88061031 Fax: 86-574-88471239",point:"121.594291,29.729656",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}, {title:"Ningbo Dahua Grinding Wheel Co., Ltd-The southeast door",address:"Hengxi Industrial Zone,Yinzhou,Ningbo,China Tel: 86-574-88061031 Fax: 86-574-88471239",point:"121.594399,29.729631",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} ]; function map_init() { var map = new BMap.Map("dituContent"); // 创建Map实例 var point = new BMap.Point(121.594291,29.729656); //地图中心点,广州市 map.centerAndZoom(point, 20); // 初始化地图,设置中心点坐标和地图级别。 map.enableScrollWheelZoom(true); //启用滚轮放大缩小 //向地图中添加缩放控件 var ctrlNav = new window.BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE }); map.addControl(ctrlNav); //向地图中添加缩略图控件 var ctrlOve = new window.BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 }); map.addControl(ctrlOve); //向地图中添加比例尺控件 var ctrlSca = new window.BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT }); map.addControl(ctrlSca); var point = new Array(); //存放标注点经纬信息的数组 var marker = new Array(); //存放标注点对象的数组 var info = new Array(); //存放提示信息窗口对象的数组 for (var i = 0; i < markerArr.length; i++) { var p0 = markerArr[i].point.split(",")[0]; // var p1 = markerArr[i].point.split(",")[1]; //按照原数组的point格式将地图点坐标的经纬度分别提出来 point[i] = new window.BMap.Point(p0, p1); //循环生成新的地图点 marker[i] = new window.BMap.Marker(point[i]); //按照地图点坐标生成标记 map.addOverlay(marker[i]); marker[i].setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 var label = new window.BMap.Label(markerArr[i].title, { offset: new window.BMap.Size(20, -10) }); label.setStyle({ borderColor: "#fff", //borderColor: "#808080", //color: "#333", cursor: "pointer" }); marker[i].setLabel(label); info[i] = new window.BMap.InfoWindow("

" + markerArr[i].title + "
" + markerArr[i].address + "

"); // 创建信息窗口对象 } marker[0].addEventListener("mouseover", function () { this.openInfoWindow(info[0]); }); marker[1].addEventListener("mouseover", function () { this.openInfoWindow(info[1]); }); } //异步调用百度js function map_load() { var load = document.createElement("script"); load.src = "http://api.map.baidu.com/api?v=2.0&callback=map_init"; document.body.appendChild(load); } window.onload = map_load;