在信息窗口打开时禁用鼠标滚动上的地图缩放,但允许在信息窗口中滚动内容

时间:2017-06-22 13:20:44

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

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

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

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

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

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

任何出路?

1 个答案:

答案 0 :(得分:2)

以下行将解决您的问题。

map.setOptions({滚轮:假});

请在google.maps.event.addListener点击活动中使用。