google-maps - 在信息窗口中使用 Google Maps v3 禁用鼠标滚轮缩放

Question

我一直试图在我的 map 上禁用鼠标滚轮缩放，但它似乎不起作用(尽管我很确定它曾经起作用，也许有些改变)。

无论如何，当用户单击 map 标记时，我会出现那些自定义信息窗口，有时它们有足够的内容以使滚动条出现在其中。我想确保当人们滚动时，信息窗口的内容会滚动并且 map 保持不变。

我的代码( CoffeeScript ):

# Disable map Dragging when cursor enters infoBox div
$(document).on "mouseenter", ".infobox-content", () ->
  googleMap.setOptions( {draggable:false, scrollwheel:false} )

$(document).on "mouseleave", ".infobox-content", () ->
  googleMap.setOptions( {draggable:true, scrollwheel:true} )

我确保事件在适当的时候被触发并且事件被正确设置，但它仍然不起作用。

其他类似的问题告诉我要做我正在做的事情:

How to disable mouse scroll wheel scaling with Google Maps API

Google Maps API v3 won't disable scroll wheel after map loads

Answer 1

这对我有用(FF，Chrome):

infowindow.open(map, marker);
$('.gm-style-iw').on('wheel', function (e) {
    e.stopPropagation();
});

每次调用 infowindow.open(); 时都应该绑定(bind)事件监听器