Javascript 移动设备上的谷歌地图API同时滚动地图和网页

我有一个谷歌地图，这是一个网页上嵌入感谢谷歌地图API v3

在平板电脑（和智能手机）上，当用户想要“移动”地图时，地图也在移动，这正是我想要的，但是网页也在移动（滚动）。这产生了一种非常奇怪的行为，这使得地图几乎无法使用

我的意思是，如果你想移动地图（例如用手指从上到下滚动），那么地图会移动（到顶部），但整个网页也会滚动（到底部）

我搜索了很长时间，尝试了不同的方法，但问题仍然存在

我所尝试的：

• 玩draggable/scrollWheel，但似乎不是重点（对于您来说，draggable设置为“true”，scrollWheel设置为false）
• 在谷歌地图的div容器（#map）上禁用“touchstart”和“touchmove”事件，但在平板电脑上触摸地图时，仍会移动地图和网页

基本上，我想要的是，用户只能在触摸谷歌地图时移动谷歌地图，而不能移动网页。

任何帮助都将不胜感激。 非常感谢

如果这有帮助，请访问以下网页：

---

如果你用平板电脑启动页面（不是智能手机：地图只出现在屏幕一定宽度的上方），那么你会看到用手指移动地图是非常奇怪的（页面本身正在移动）

我正在解决此问题，在地图容器中添加一个填充，以允许用户滚动页面而不是地图。此答案回答您的问题：您好。非常感谢你的回答。不幸的是（我已经试过了），你提到的问题没有帮助。如果draggable设置为false，我将无法移动地图（您提到的问题是关于滚轮缩放）。我尝试过它的配置，但没有成功，我认为问题出在别处。我不明白为什么谷歌地图和网页在手机上使用手指（“触摸”）时同时移动。我正在解决这个问题，在地图容器中添加一个填充，以便用户滚动页面而不是地图。这个答案回答您的问题：嗨。非常感谢你的回答。不幸的是（我已经试过了），你提到的问题没有帮助。如果draggable设置为false，我将无法移动地图（您提到的问题是关于滚轮缩放）。我尝试过它的配置，但没有成功，我认为问题出在别处。我不明白为什么谷歌地图和网页在手机上使用手指（“触摸”）时同时移动。