如何解决全屏嵌入Google Maps V3致infobox无法滚动的问题？

我之前也碰到过一模一样的困扰，给你两个经过验证的解决方案，你可以根据自己的场景选择尝试：

方案一：强制全屏模式保持cooperative手势处理 #

Google Maps进入全屏时大概率会重置gestureHandling的默认配置，我们可以通过监听地图的全屏状态变化事件，手动将其改回cooperative模式：

// 假设你的地图实例变量名为map
map.addListener('fullscreen_changed', function() {
  // 检查是否进入全屏模式
  if (map.getFullscreen()) {
    // 重新设置手势处理模式为cooperative
    map.setOptions({ gestureHandling: 'cooperative' });
  }
});

这个方法的核心是利用Maps API自带的fullscreen_changed事件，在全屏状态激活的瞬间覆盖默认的手势配置，确保滚动优先级和非全屏模式完全一致。

方案二：阻止信息框滚动事件冒泡到地图 #

如果第一种方案不生效，我们可以直接从事件传播的角度入手，让信息框优先捕获滚动操作，不让地图拦截：

// 假设你的信息框实例变量名为infobox
infobox.addListener('domready', function() {
  // 获取信息框的内容容器（根据你的实际DOM结构调整选择器）
  const infoboxScrollContainer = infobox.getContent().querySelector('.infobox-scroll-area');
  
  if (infoboxScrollContainer) {
    // 阻止鼠标滚轮事件冒泡到地图
    infoboxScrollContainer.addEventListener('wheel', function(e) {
      e.stopPropagation();
    });
    
    // 针对移动端，阻止触摸滑动事件冒泡
    infoboxScrollContainer.addEventListener('touchmove', function(e) {
      e.stopPropagation();
    });
  }
});

使用这个方案时需要注意两个细节：

• 确保信息框的内容容器设置了overflow: auto和合适的高度限制，这样才能触发滚动行为
• 根据你实际的信息框DOM结构调整选择器，比如把示例中的.infobox-scroll-area换成你自己的容器类名或ID

另外，如果你用的是第三方自定义InfoBox库（而非原生InfoWindow），需要确认它的DOM结构和事件触发逻辑是否和原生一致，再微调代码适配即可。

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