You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中使用GoogleMap时点击Marker弹出的右下角图标如何隐藏

Flutter GoogleMap点击Marker隐藏右下角图标方法

你遇到的点击Marker后右下角出现的两个图标是Google Maps SDK默认提供的工具栏按钮,分别对应跳转导航、打开官方Google Maps应用查看点位的功能,可通过以下方法隐藏:


核心配置方案

在GoogleMap组件初始化时添加mapToolbarEnabled: false配置即可,该参数同时适配Android、iOS双平台:

GoogleMap(
  // 你的其他原有配置项,如initialCameraPosition、markers等
  mapToolbarEnabled: false, // 新增该行,关闭点击Marker弹出的工具栏
  // 可选:隐藏其他不需要的默认控件
  zoomControlsEnabled: false, // 隐藏默认缩放按钮
  myLocationButtonEnabled: false, // 隐藏默认定位按钮
)

可选兜底方案

如果设置后仍未生效,可通过自定义Marker点击逻辑覆盖默认行为:

Marker(
  markerId: const MarkerId("custom_marker"),
  position: const LatLng(39.9042, 116.4074),
  onTap: () {
    // 此处编写自定义点击逻辑,例如弹出自定义信息窗
    // 自定义逻辑会覆盖默认的工具栏弹出行为
  },
)

注意事项

  • 若你使用的google_maps_flutter包版本低于2.0,建议先升级到最新稳定版,即可正常使用mapToolbarEnabled配置项。

问题对应截图:
Flutter应用内Google Maps地图截图

内容的提问来源于stack exchange,提问作者David

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.27 23:27:02