【问题标题】:Disable Map Zoom on Mouse Scroll when Info Window is open , But Allow scrolling of Content in info window信息窗口打开时禁用鼠标滚动地图缩放,但允许滚动信息窗口中的内容
【发布时间】:2017-11-25 19:18:44
【问题描述】:

我正在使用谷歌地图,当点击标记时,我会在信息窗口中显示信息。该信息的描述很长,因此用户必须滚动才能阅读完整的描述。 但是,当信息窗口打开并且我的鼠标指针位于描述上并且我滚动时,内容不会滚动但地图会缩小。 我尝试使用以下禁用缩放:

#map-canvas{pointer-events: auto;}

#map-canvas.opened{
        pointer-events: none;
    }

但这会阻止我滚动我的信息窗口内容,并且我无法移动地图。

我只想在信息窗口打开时停止缩小并放大鼠标滚动,并允许使用鼠标滚动器滚动内容。

有什么办法吗?

【问题讨论】:

    标签: javascript html css google-maps google-maps-api-3


    【解决方案1】:

    下面一行将解决您的问题。

    map.setOptions({scrollwheel:false});

    请在 google.maps.event.addListener 点击事件中使用。

    【讨论】:

      猜你喜欢
      • 2013-01-04
      • 2014-03-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-11-07
      • 2015-12-06
      • 1970-01-01
      相关资源
      最近更新 更多