常見問題

百度地圖多個標記實現(xiàn)案例

常見問題

2804

字體:
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());
  });
});

來源于:百度地圖多個標記實現(xiàn)案例 (hbsjsd.cn)

[聲明]原創(chuàng)不易,請轉(zhuǎn)發(fā)者備注下文章來源(hbsjsd.cn)【速建時代】。