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配置项。
问题对应截图:
内容的提问来源于stack exchange,提问作者David
相关产品推荐
相关产品推荐

