Google Maps InfoWindow关闭事件失效问题求助

我在Google Maps中创建了InfoWindow，代码如下：

var setInfoWindow = function() { infoWindowOpen = true; return new google.maps.InfoWindow({ content: businessAddress }); }

InfoWindow的打开事件可正常工作：

google.maps.event.addListener(marker, 'click', function() { if(!infoWindowOpen) { setInfoWindow().open(map,marker); currentMark = this; } });

但关闭事件无法触发：

google.maps.event.addListener(infowindow,'closeclick',function(){ var infowindow = setInfoWindow(); console.log("ddd"); currentMark.setMap(null); });

目前打开事件正常，但closeclick关闭事件未触发，该如何解决此问题？

问题分析与解决方案 #

我来帮你排查这个问题——你的closeclick事件没触发的核心原因是你每次调用setInfoWindow()都会生成一个全新的InfoWindow实例，而你绑定事件的那个infowindow和实际打开的根本不是同一个对象！

具体来说：

• 点击marker时，你调用setInfoWindow().open(...)，这里创建了一个新的InfoWindow并打开，但这个实例从来没绑定过closeclick事件
• 而你绑定事件的infowindow是你后来又调用setInfoWindow()生成的另一个新实例，这个实例从来没被打开过，自然不会触发closeclick

修正后的代码方案 #

我们只需要复用同一个InfoWindow实例，避免重复创建，同时在实例初始化时就绑定closeclick事件：

// 声明全局变量保存实例和状态
let infoWindow;
let infoWindowOpen = false;
let currentMark;

// 改为初始化/更新InfoWindow内容的函数，不再每次新建实例
const setupInfoWindow = (address) => {
  // 只在第一次需要时创建实例，并绑定closeclick事件
  if (!infoWindow) {
    infoWindow = new google.maps.InfoWindow();
    google.maps.event.addListener(infoWindow, 'closeclick', function() {
      console.log("ddd");
      // 移除当前marker（如果存在）
      if (currentMark) {
        currentMark.setMap(null);
      }
      // 重置打开状态
      infoWindowOpen = false;
    });
  }
  // 更新InfoWindow的内容
  infoWindow.setContent(address);
  return infoWindow;
}

// Marker点击事件逻辑调整
google.maps.event.addListener(marker, 'click', function() {
  if (!infoWindowOpen) {
    setupInfoWindow(businessAddress).open(map, this);
    currentMark = this;
    infoWindowOpen = true;
  }
});

关键改动说明 #

1. 复用单个InfoWindow实例：避免每次点击都创建新对象，确保绑定事件的实例和打开的是同一个
2. 提前绑定closeclick事件：在实例初始化时就绑定事件，后续不管怎么打开/更新内容，事件都会生效
3. 优化状态管理：在closeclick事件里重置infoWindowOpen，保证下次点击可以正常打开
4. 动态更新内容：通过setContent()方法替换内容，适配不同marker的需求（如果有多个marker的话）

这样修改后，你点击关闭InfoWindow时，closeclick事件就能正常触发，执行你需要的逻辑了。

内容的提问来源于stack exchange，提问作者User 101