Question

所以我在使用自定义图块的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

Answer 1

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

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

在map.enableContinuousZoom();

之后添加map.enableScrollWheelZoom(); 祝你好运！

Google Maps API enableScrollWheelZoom（） - 为什么它不能正确缩小？

1 个答案: