Geek Answers Handbook

Google Maps API enableScrollWheelZoom () - why doesn't it zoom out correctly?

So, I have a problem with a Google map using custom tiles, but I managed to simplify it to the example below.

Taking a simple google example with controls I added a line

map.enableScrollWheelZoom();

This gives me simple 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>

Everything looks good until you zoom out to the maximum zoom level with the mouse wheel (view the whole world). In about half the cases, he was stuck at the zoom level to the last. Scrolling around displays tiles at both zoom levels.

I tried in Chrome, IE8 and FF3.6 and they all behave the same.

Any thoughts?

- http://code.google.com/p/gmaps-api-issues/issues/detail?id=2218

+5
1

. : http://gmaps-samples.googlecode.com/svn/trunk/scrollzoom/scrollzoom.htm

, , .

map.enableContinuousZoom(); map.enableScrollWheelZoom();

!

+3

More articles:


All Articles