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

标签 google-maps google-maps-api-3 scroll infowindow

我一直试图在我的 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
  • 最佳答案

    这对我有用(FF,Chrome):

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

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

    关于google-maps - 在信息窗口中使用 Google Maps v3 禁用鼠标滚轮缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14442311/

    相关文章:

    css - Internet Explorer 表格滚动

    actionscript-3 - Flex 4 <s:Scroller>重新计算范围?

    java.lang.RuntimeException : Unable to destroy activity {com. xxxxx/com.xxxxx.MapsActivity}:

    android - 谷歌地图在 Chrome 移动版中无法交互

    javascript - Google map 上的排序/z 索引覆盖

    c - Win32 C/C++ 桌面应用程序中的 Google Maps Api 集成

    php - 谷歌地图 - 用户精确定位

    javascript - 谷歌地图不显示任何标记

    xml - 我如何从 Google Maps API 获取行车时间?

    Java Swing - 如何向下滚动 JTextArea?