Question

我一直在尝试在我的地图上禁用鼠标滚轮缩放，但它似乎不起作用（尽管我很确定它曾经工作过，可能会发生变化）。

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

我的代码（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} )

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

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

Answer 1

这对我有用（FF，Chrome）：

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

每次调用infowindow.open();

时都应绑定eventlistener

Answer 2

我不知道这是否是解决办法，但它似乎已经解决了。

我没有为jquery-rails指定gem版本，并注意到jQuery的版本现在为1.9。将版本指定为~> 2.1.4后，jQuery现已修复为1.8，我的问题就消失了。

在infowindow中，使用Google Maps v3禁用鼠标滚轮缩放

2 个答案: