Javascript 谷歌地图导致手机水平滚动

我正在使用GoogleMapsJavaScriptAPI（v3）在我的网站上显示两张地图。在手机上查看（华硕Zenfone 2和Chrome）时，我看到一个空白页面，这是由一个不需要的巨大水平滚动造成的——这是地图的错误。当我从代码中删除地图时，没有水平滚动。当我在地图的容器上使用

overflow:hidden

，甚至是

时，滚动条仍然存在。即使我在地图的容器上使用了

display:none

，我仍然有这个恼人的滚动条

---

关于如何将此地图保留在移动视图中并删除此卷轴，有什么建议吗？

将地图放置在一个div中，该div会相应地调整其大小，然后调用

google.maps.event.trigger（地图，'resize'）

---

您还可以通过确保在渲染贴图之前构建div来防止这种情况发生，例如，在用户滚动经过某个点后添加“show map”按钮或事件侦听器

结果是地图在

末尾生成了一个

span

。解决方法很简单：

body > span {
    display: none;
}

---

那没用。maps包装器已经响应了，我还尝试在生成地图之前通过脚本设置包装器的宽度，但这也不起作用。我得到了正确的宽度，但卷轴仍然存在。嗨，尤瓦尔，你找到解决办法了吗？我也有同样的问题。谢谢，切尼做到了。请看我的答案。您需要在地图容器上使用

位置：绝对

？尝试不使用。不是这样，我必须使用它，因为地图是一个接一个的，我需要它们都加载到文档加载中。