移动版Google Maps API滚动地图和网页(同时)

时间:2016-08-10 15:59:56

标签: javascript android jquery google-maps google-maps-api-3

借助Google Maps API v3,我有一个嵌入在网页上的Google MAPS。

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

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

我搜索了很长时间并尝试了不同的东西,但问题仍然存在。

我尝试过:

  • 使用draggable / scrollWheel玩,但似乎不是点(因为您的信息可拖动设置为“true”而“scrollWheel”设置为false)
  • 在Google地图的div容器(#map)上停用“touchstart”和“touchmove”事件,但在触摸平板电脑上的地图时,它仍会移动地图和网页。

我想要的是,用户只有在触摸谷歌地图而不是网页时才能移动谷歌地图。

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

如果这有帮助,请访问以下网页:http://www.acheter-neuf-toulouse.com

如果您使用平板电脑启动页面(不是智能手机:地图只显示在特定宽度的屏幕上方),那么您会看到用手指移动地图< strong>完全怪异(页面本身正在移动)..

0 个答案:

没有答案