Google Maps API enableScrollWheelZoom() - 为什么不能正确缩小？答案

【问题标题】：Google Maps API enableScrollWheelZoom() - why does it not zoom out correctly?Google Maps API enableScrollWheelZoom() - 为什么不能正确缩小？
【发布时间】：2011-01-24 09:03:59
【问题描述】：

所以我遇到了使用自定义图块的 Google 地图的问题，但我设法将其简化为下面的示例。

采取simple example Google provide with controls我已经添加了这一行

map.enableScrollWheelZoom();

这给了我简单的 HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <title>Google Maps JavaScript API Example: Controls</title> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2" type="text/javascript"></script> 
    <script type="text/javascript"> 
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"))
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.enableScrollWheelZoom();
      }
    }
    </script> 
  </head> 
  <body onload="initialize()" onunload="GUnload()"> 
    <div id="map_canvas" style="width: 500px; height: 300px"></div> 
  </body> 
</html>

在您使用鼠标滚轮（查看整个世界）缩小到最大缩放级别之前，一切看起来都很好。大约一半的时间它卡在最后一个缩放级别之前。滚动会在两个缩放级别上提供地图图块。

我在 Chrome、IE8 和 FF3.6 中尝试过，它们的行为都一样。

有什么想法吗？

作为错误提出 - http://code.google.com/p/gmaps-api-issues/issues/detail?id=2218

【问题讨论】：

标签： javascript html google-maps zooming

【解决方案1】：

很奇怪。我也能够用他们的示例地图重现这个错误：http://gmaps-samples.googlecode.com/svn/trunk/scrollzoom/scrollzoom.htm

启用连续缩放似乎可以解决问题。

在map.enableScrollWheelZoom();之后添加map.enableContinuousZoom();

祝你好运！

【讨论】：

谢谢 - 我会提交一个错误，看看他们怎么说。