使用百度地图API,循环向marker添加InfoWindow时,所有的marker点击弹出的inforwindow为最后一个添加的infowindow,百度后,使用js闭包解决此问题,直接贴代码:

百度地图API 循环向 marker 添加 click事件
       var markers = [];
        
        for(var i = 0; i < hisPlayView.length;i++)
        {
            var marker = new BMap.Marker(hisPlayView[i],{title:i.toString()});
             markers.push(marker);
             map.addOverlay(marker);  
        }
        
        for (var i = 0; i < hisPlayView.length; i ++) 
        {
            (function(){
                var index = i;
                markers[i].addEventListener('click', function(){
                    this.openInfoWindow(new BMap.InfoWindow(i.toString()));
                });   
            })();
        }
百度地图API 循环向 marker 添加 click事件

其中向marker添加title可以验证当前marker的infowindow是否正确。

使用百度地图API,循环向marker添加InfoWindow时,所有的marker点击弹出的inforwindow为最后一个添加的infowindow,百度后,使用js闭包解决此问题,直接贴代码:

百度地图API 循环向 marker 添加 click事件
       var markers = [];
        
        for(var i = 0; i < hisPlayView.length;i++)
        {
            var marker = new BMap.Marker(hisPlayView[i],{title:i.toString()});
             markers.push(marker);
             map.addOverlay(marker);  
        }
        
        for (var i = 0; i < hisPlayView.length; i ++) 
        {
            (function(){
                var index = i;
                markers[i].addEventListener('click', function(){
                    this.openInfoWindow(new BMap.InfoWindow(i.toString()));
                });   
            })();
        }
百度地图API 循环向 marker 添加 click事件

其中向marker添加title可以验证当前marker的infowindow是否正确。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-05
  • 2022-12-23
  • 2021-06-03
  • 2022-12-23
  • 2021-05-22
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-28
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案