Flutter Web：google_maps_flutter_web库Marker点击事件实现咨询

要给你创建的Marker添加点击操作，只需通过Marker实例的addListener方法监听click事件即可，具体修改后的代码如下：

final _icon = jsMap.Icon()
      ..scaledSize = jsMap.Size(60, 60)
      ..url = 'https://www.freeiconspng.com/thumbs/pin-png/pin-png-9.png';

final marker = jsMap.Marker(
      jsMap.MarkerOptions()
          ..position = latLng1
          ..map = map
          ..title = 'Test Title1'
          ..icon = _icon
        );

// 添加Marker点击事件监听
marker.addListener('click', () {
  // 这里写点击后的逻辑，比如弹窗提示、跳转页面等
  print('Marker被点击了！');
  // 示例：显示Marker标题
  window.alert(marker.title);
});

关键说明： #

• addListener方法第一个参数是事件名，传入'click'即可监听Marker的点击行为；
• 第二个参数是回调函数，Marker被点击时会触发该函数，你可以在里面编写自定义业务逻辑；
• 如果后续需要移除监听，可以保存addListener的返回值，调用其remove()方法：

  final clickListener = marker.addListener('click', () { ... });
  // 移除监听
  clickListener.remove();
  

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