Google地图滚动问题

Question

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

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

这是两个容器的CSS：

＆＃13;

＆＃13;

.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;
}

＆＃13;

＆＃13;

＆＃13;

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

Answer 1

当你有一个可滚动的页面时，谷歌地图默认不会使用滚轮滚动地图（在API的最近12个月左右更改，不记得确切的时间）。

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

gestureHandling:'greedy'

更多信息：

https://developers.google.com/maps/documentation/javascript/interaction