谷歌地图滚动问题答案

【问题标题】：Google Map Scrolling Issue谷歌地图滚动问题
【发布时间】：2018-01-23 14:07:00
【问题描述】：

我的网站上有一个酒店搜索页面，该页面由屏幕一半的地图和另一半的（可滚动）搜索结果组成。我不知道发生了什么变化，但现在当我尝试使用滚轮放大地图时，我收到以下消息：

除此之外，右侧的搜索结果正在滚动（即使鼠标在地图上）。

这是两个容器的css：

.map-container {
  width: 45%;
  position: fixed;
  display: block;
  z-index: 10;
  left: 0;
  bottom:0;
  top:115px;
}

.results-container{
  margin-left:45%;
  width:55%;
  padding-top:0px;
  margin-top:65px;
}

如果我将结果容器位置设置为固定，地图会正常滚动，但我无法滚动结果。我做错了什么？

【问题讨论】：

Allow zooming only with scroll in google maps的可能重复

标签： css google-maps google-maps-api-3

【解决方案1】：

当您有一个可滚动页面时，谷歌地图默认不会使用滚轮滚动地图（在过去 12 个月左右的 API 中更改，不记得具体时间）。

将以下内容添加到您的地图选项中：

gestureHandling:'greedy'

【讨论】：