百度地图API 循环向 marker 添加 click事件

最新推荐文章于 2023-11-15 09:15:39 发布

weixin_33711647

最新推荐文章于 2023-11-15 09:15:39 发布

阅读量364

点赞数

本文介绍使用百度地图API时遇到的问题：多个marker点击时显示同一个InfoWindow。通过使用JavaScript闭包来解决这一问题，确保每个marker弹出正确的窗口。

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

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