如何监听Mapbox GL JS的Popup打开事件？

你问的这个问题现在已经有明确的解决方案啦！之前Mapbox确实只提供了Popup关闭事件的支持，但现在官方已经正式添加了打开事件的监听能力，你可以直接通过open事件来检测Popup何时被打开。

给你一个可以直接运行的示例代码：

// 创建并添加一个Popup到地图
const popup = new mapboxgl.Popup()
  .setHTML('<h3>这是一个测试弹窗</h3>')
  .addTo(map);

// 监听Popup的打开事件
popup.on('open', () => {
  console.log('Popup已经成功打开了！');
  // 在这里编写弹窗打开后需要执行的业务逻辑
});

如果你之前尝试的代码无效，很大概率是因为当时官方还未支持这个事件，现在这个API已经稳定可用，按照上面的写法就能正常监听Popup的打开状态了。

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