Google Map API V3 Zoom 仅适用于长时间聚焦

Question

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

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

Answer 1

您可以通过在设置地图选项时设置scrollwheel:false来禁用滚轮缩放，例如，

var options={
zoom:3,
center: new google.maps.LatLng(37.09, -95.71),
mapTypeId: google.maps.MapTypeID.ROADMAp,
scrollwheel:false

}

这将完全禁用地图的滚轮缩放并纠正加载页面时遇到的问题

Answer 2

恐怕 Google Maps API 不提供任何方法来禁用默认滚动行为。虽然您可以取消地图缩放，但滚动事件不会到达页面。

好吧，我错过了 scrollwheel 地图选项，它正是您所需要的。要实现您想要的行为：

• 在初始化地图时将滚轮选项设置为 false。
• 添加启动计时器的鼠标悬停事件侦听器。
• 超时时调用 map.setOptions(options) 并将滚轮选项设置为 true。
• 添加 mouseout 事件侦听器，再次将滚轮地图选项设置为 false。

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

• 创建一个透明的 div 并将其放置在地图上。现在 div 获得了滚动事件，页面的行为如常。
• 当在 div 上调用 onmouseover 事件时启动计时器。
• 超时时隐藏 div。
• 将 mouseout 事件监听器添加到地图以再次显示 div。