谷歌地图 iframe 禁用移动设备上的滚动触摸

【问题标题】：Google maps iframe disable scrolling touch on mobile谷歌地图 iframe 禁用移动设备上的滚动触摸
【发布时间】：2013-11-09 09:14:24
【问题描述】：

我可以在移动设备上停用谷歌地图 iframe 吗？

设置已经使用 scrolling=no，但是当我在移动设备上滚动时，地图被激活并变为活动状态。

有解决办法吗？

谢谢

【问题讨论】：

stackoverflow.com/questions/7534888/…
谢谢，如何在 iframe 中使用它？

标签： google-maps mobile iframe

【解决方案1】：

我遇到了类似的问题并使用了这样的东西：

<style>
  .overlay {
    background:transparent; 
    position:relative; 
    width:640px
    height:480px; 
    top:480px; 
    margin-top:-480px;}
</style>

<html>
  <div class="overlay" onClick="style.pointerEvents='none'"></div>
  <iframe src="https://mapsengine.google.com/map/embed?mid=some_map_id" width="640" height="480"></iframe>
</html>

div 覆盖地图，防止指针事件到达它。如果单击 div，它对指针事件变得透明，从而激活地图。

【讨论】：