google_maps_flutter在iOS与Android上的标注点击行为差异及控制方法

问题原因 #

Android端Google Maps SDK默认会为Marker点击事件附加导航和地图跳转的操作按钮，这是原生SDK的默认行为；而iOS端原生SDK无此默认逻辑，因此出现双平台行为差异。

控制Android端默认行为（关闭弹窗） #

通过AndroidMapOptions配置markerClickBehavior为MarkerClickBehavior.consume()，可以消耗Marker的点击事件，阻止原生SDK弹出默认操作按钮：

GoogleMap(
  initialCameraPosition: CameraPosition(target: LatLng(39.9, 116.4), zoom: 12),
  markers: yourMarkerSet,
  // 仅Android生效的配置
  androidMapOptions: const AndroidMapOptions(
    markerClickBehavior: MarkerClickBehavior.consume(),
  ),
)

consume()表示点击事件被Flutter层面处理，不再传递给原生Google Maps SDK，因此不会触发默认的操作按钮弹窗。

统一双平台行为（iOS也添加类似功能） #

如果需要iOS端也实现导航和地图跳转的功能，需自行处理Marker的onTap事件，通过自定义弹窗提供操作选项，配合url_launcher插件打开对应链接：

1. 先在pubspec.yaml添加依赖：

dependencies:
  url_launcher: ^6.2.0

2. 自定义Marker点击逻辑：

Marker buildCustomMarker(BuildContext context) {
  const targetLat = 39.9;
  const targetLng = 116.4;
  
  return Marker(
    markerId: const MarkerId('custom_marker'),
    position: const LatLng(targetLat, targetLng),
    onTap: () {
      showModalBottomSheet(
        context: context,
        builder: (ctx) => Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ListTile(
              leading: const Icon(Icons.navigation),
              title: const Text('导航至此处'),
              onTap: () async {
                // 打开谷歌导航
                final navUrl = Uri.parse('google.navigation:q=$targetLat,$targetLng');
                if (await canLaunchUrl(navUrl)) {
                  await launchUrl(navUrl);
                }
                Navigator.pop(ctx);
              },
            ),
            ListTile(
              leading: const Icon(Icons.map),
              title: const Text('在谷歌地图中打开'),
              onTap: () async {
                // 打开谷歌地图详情页
                final mapUrl = Uri.parse('geo:$targetLat,$targetLng?q=$targetLat,$targetLng');
                if (await canLaunchUrl(mapUrl)) {
                  await launchUrl(mapUrl);
                }
                Navigator.pop(ctx);
              },
            ),
          ],
        ),
      );
    },
  );
}

这种方式可以完全自定义UI和交互逻辑，保证双平台行为一致。

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