百度地圖多個標記實現案例
var xy = [ { x: 112.099915, y: 32.096532 }, { x: 112.099915, y: 32.096532 }, { x: 112.091255, y: 32.094483 } ];var name = [ { name: "速建時代1", Info: "1襄陽市樊城區(qū)萬洲大道中南市場B3棟27號 電話:1320-7250-969" }, { name: "速建時代2", Info: "2襄陽市樊城區(qū)萬洲大道中南市場B3棟27號 電話:1320-7250-969" }, { name: "速建時代3", Info: "3襄陽市樊城區(qū)萬洲大道中南市場B3棟27號 電話:1320-7250-969" } ];// 百度地圖API功能 console.log(this.xy[0]) var map = new BMap.Map("allmap"); // 創(chuàng)建Map實例 map.centerAndZoom(new BMap.Point(this.xy[0].x, this.xy[0].y), 12); // 初始化地圖,設置中心點坐標和地圖級別 map.enableScrollWheelZoom(true); //開啟鼠標滾輪縮放var markers = [];var infoWindows = []; for (var i = 0; i < xy.length; i++) { var point = new BMap.Point(xy[i].x, xy[i].y); var marker = new BMap.Marker(point); map.addOverlay(marker); markers.push(marker); infoWindows.push(new BMap.InfoWindow(name[i].Info, { width: 300, height: 80, title: name[i].name })); } markers.forEach(function(marker, index) { marker.addEventListener("click", function() { map.openInfoWindow(infoWindows[index], marker.getPosition()); }); });
關鍵詞: 百度地圖多個標記實現案例