Flutter Google Maps API：点击InfoWindow无法实现路由跳转问题的排查与解决

嘿，作为过来人给你捋清楚这个问题：完全可以用InfoWindow.onTap函数实现页面跳转，你遇到的点击无响应问题，根源并不是这个API的问题，而是多个Marker共用了同一个MarkerId导致的。

问题排查过程复盘 #

你提到自己是Flutter新手，开发Google Maps应用时遇到：

• 多个Marker能正常显示，点击Marker也能弹出InfoWindow
• 但点击InfoWindow触发页面跳转的逻辑完全没反应，你一开始怀疑是空安全或者BuildContext的问题，甚至用late关键字处理Context，但都没解决

直到你发现多个Marker用了相同的MarkerId，修改成唯一标识后，InfoWindow.onTap的跳转功能就正常工作了——这才是问题的核心！

你的代码本身没问题 #

先给你吃颗定心丸：你写的InfoWindow.onTap逻辑是完全正确的，比如这段代码：

markers.add(Marker( //add first marker
  markerId: MarkerId(showLocation.toString()),
  position: showLocation, //position of marker
  infoWindow: InfoWindow( //popup info
    title: 'Marker Title First ',
    snippet: 'My Custom Subtitle',
    onTap: () {
      Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => SecondScreen()),
      );
    },
  ),
  icon: BitmapDescriptor.defaultMarker, //Icon for Marker
));

InfoWindow.onTap里调用Navigator.push跳转页面的写法是符合Flutter规范的，API本身没有问题。

为什么MarkerId重复会导致这个问题？ #

在Google Maps Flutter插件里，MarkerId是用来唯一标识每个Marker的核心字段——如果多个Marker用了同一个MarkerId，SDK会把它们当成同一个Marker的更新操作，而不是独立的多个Marker。这种情况下，后续添加的Marker（包括它绑定的InfoWindow事件）会被覆盖或者无法正确注册，自然就出现了点击InfoWindow无响应的情况。

总结要点 #

• InfoWindow.onTap是实现点击跳转页面的有效方式，你的写法没问题
• 遇到Marker/InfoWindow事件无响应时，优先检查MarkerId是否唯一——每个Marker必须有独一无二的标识，比如可以用地点ID、坐标拼接字符串、递增数字等方式生成
• 这次的空安全和late Context是误判，并不是问题的根源

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