Javascript “滚动关闭”功能在google地图上不起作用_Javascript_Jquery_Html_Google Maps

Javascript “滚动关闭”功能在google地图上不起作用

javascript jquery html google-maps

Javascript “滚动关闭”功能在google地图上不起作用,javascript,jquery,html,google-maps,Javascript,Jquery,Html,Google Maps,$（文档）.ready（函数（）{ $（'#map'）.addClass（'scrolloff'）； $（'#overlay'）。在（“mouseup”，function（）{ $（'#map'）.addClass（'scrolloff'）； }); $（'#overlay'）.on（“mousedown”，function（）{ $（'#map'）.removeClass（'scrolloff'）； }); $（“#map”）.mouseleave（函数（）{ $（'#map'）.addCla

$（文档）.ready（函数（）{
$（'#map'）.addClass（'scrolloff'）；
$（'#overlay'）。在（“mouseup”，function（）{
$（'#map'）.addClass（'scrolloff'）；
});
$（'#overlay'）.on（“mousedown”，function（）{
$（'#map'）.removeClass（'scrolloff'）；
});
$（“#map”）.mouseleave（函数（）{
$（'#map'）.addClass（'scrolloff'）；
});
});

.滚动{
指针事件：无；
}
iframe{
宽度：100%；
高度：260像素；
}

我在指针事件css属性中看到空格
指针-事件：无
应该是：
指针事件：无在每个gmap iframe之前有一个.overlay的div
代码将是这样的
 <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，它对指针事件是透明的，再次激活地图
我希望您能得到帮助：）
如果您使用iframe代码，请尝试以下操作：
HTML：将iframe包装到div中
CSS:add.scrolloff{pointer events:none}
Javascript：添加下面的代码

jQuery（文档）.ready（函数（）{
jQuery（'.map canvas'）.addClass（'scrolloff'）；
jQuery（'.my map'）。在（'click'，function（）上{
jQuery（'.map canvas'）.removeClass（'scrolloff'）；
});
jQuery（'.map canvas'）.mouseleave（函数（）{
jQuery（'.map canvas'）.addClass（'scrolloff'）；
});
});
.scrolloff{指针事件：无}

您可以从下面的链接获得更好的想法。但是hw是否可以使用iframe标记我已经使用过iframe标记。没有纬度和经度来调用地图。
.overlay {
   background:transparent; 
   position:relative; 
   width:640px;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}