百度地圖多個標記實現(xiàn)案例
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); // 初始化地圖,設(shè)置中心點坐標和地圖級別 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()); }); });
[聲明]原創(chuàng)不易,請轉(zhuǎn)發(fā)者備注下文章來源(hbsjsd.cn)【速建時代】。