google-maps-api-3 - Google Map API V3 仅在长时间对焦时缩放

Question

我在我的网站中使用谷歌地图 api3，目前如果您向下滚动页面，并且碰巧滚动了谷歌地图(虽然不打算)， map 会获得焦点并开始放大。据我所知，这是标准行为，而不是错误或任何东西。我只是想以某种方式改变它......

我希望有一种方法可以修改谷歌地图识别鼠标悬停并在较长时间后赋予它聚焦/缩放功能的时间？或其他一些使其获得焦点的选项，即 setTimeout(focus, 300);或者其他的东西。

Answer 1

恐怕 Google Maps API 没有提供任何禁用默认滚动行为的方法。尽管您可以取消 map 的缩放，但滚动事件不会到达页面。

好的，我错过了 scrollwheel map 选项，它正是你所需要的。为了实现您想要的行为:

初始化 map 时将滚轮选项设置为 false。

添加启动计时器的鼠标悬停事件监听器。

超时调用 map.setOptions(options)滚轮选项设置为 true。

添加 mouseout 事件监听器，再次将滚轮 map 选项设置为 false。

实现所需行为的另一种方法是使用一个小技巧:

创建一个透明的 div 并将其放置在 map 上。现在 div 获得了滚动事件，并且页面的行为与往常一样。

在 div 上调用 onmouseover 事件时启动计时器。

在超时时隐藏 div。

将 mouseout 事件监听器添加到 map 以再次显示 div。