Flutter中点击Google Maps Marker时InfoWindow不显示

开发者阿泽

2026-6-15

Flutter Google Maps Marker点击后InfoWindow不显示的解决方法

问题核心：你为Marker自定义了onTap回调函数，这会覆盖Google Maps插件默认的Marker点击触发InfoWindow显示的行为，所以即使配置了infoWindow参数，点击后也不会自动弹出。

解决步骤：

保存GoogleMapController实例，用于控制地图交互：

GoogleMapController? _mapController;

void _onMapCreated(GoogleMapController controller) {
  _mapController = controller;
}

在Marker的onTap回调中，手动调用showMarkerInfoWindow方法来显示对应的InfoWindow：
修改你的Marker创建代码：

for (var student in _students) {
  _markers.add(
    Marker(
      markerId: MarkerId(student.id),
      position: LatLng(student.gps.latitude, student.gps.longitude),
      infoWindow: InfoWindow(
        title: student.nombre,
        snippet: student.gps.idRfid,
      ),
      onTap: () {
        _moveCamera(LatLng(student.gps.latitude, student.gps.longitude), zoomIn: true);
        context.read<MapStateCubit>().showParadas(student);
        lastUpdateTime = student.gps.lastUpdateTime;
        // 手动触发InfoWindow显示
        _mapController?.showMarkerInfoWindow(MarkerId(student.id));
      },
      icon: markerBusIcon!,
    ),
  );
}

补充优化（可选）

如果需要保证同一时间只显示一个InfoWindow，可以在显示当前之前先关闭其他的：

onTap: () {
  // 先隐藏所有已显示的InfoWindow
  _mapController?.hideInfoWindow();
  _moveCamera(LatLng(student.gps.latitude, student.gps.longitude), zoomIn: true);
  context.read<MapStateCubit>().showParadas(student);
  lastUpdateTime = student.gps.lastUpdateTime;
  // 显示当前Marker的InfoWindow
  _mapController?.showMarkerInfoWindow(MarkerId(student.id));
},