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

Capacitor Google Maps上层ion-modal关闭后应用页面无法滚动

Android端Ionic Modal与Capacitor Google Maps滚动冲突问题

我在项目中使用@capacitor/google-maps实现了带标记点的地图,点击标记点时会弹出包含标记点信息的ion-modal底部弹窗。点击弹窗背景可正常关闭弹窗,但如果用户在弹窗关闭动画期间开始拖动地图,且在弹窗完全关闭后结束拖动,会导致应用其余页面无法滚动。

该问题仅出现在Android端,Web端无此问题,暂未测试iOS端是否存在

已尝试的无效解决方案

  • 在弹窗关闭时为地图添加遮罩:遮罩生效,但遮罩消失后拖动仍会触发问题
  • 在页面离开时移除地图的触摸事件处理器:推测地图拦截了触摸事件,但操作后无效
  • 在页面离开时卸载地图:推测应用仍在访问地图,但此方法也无效

已提供最小复现示例仓库(无API密钥仍可复现问题)

内容的提问来源于stack exchange,提问作者Jador de Vries

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.20 06:24:55