title: Google Maps bounds on minimal zoom
body: <p>I have a simple Google Map that fill the whole page.
  Here is a sample:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"/&gt;
  &lt;title&gt;Google Maps JavaScript API v3 Example: Marker Animations&lt;/title&gt;
  &lt;link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    var stockholm = new google.maps.LatLng(59.32522, 18.07002);
    var map;
  
    function initialize() {
      var mapOptions = {
        zoom: 0,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: stockholm
      };
  
      map = new google.maps.Map(document.getElementById("map_canvas"),
              mapOptions);
  
     google.maps.event.addListener(map, 'idle', function() {
        var b = map.getBounds();
        document.getElementById("bounds").innerText = b.getSouthWest().lng() + ", " + b.getNorthEast().lng();
     });
  
    }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="initialize()"&gt;
  &lt;div id="map_canvas" style="width: 100%; height: 100%;"&gt;map div&lt;/div&gt;
  &lt;div id="bounds" style="left: 100px; top: 0px; width: 300px; height: 30px; position: absolute; background-color: #a0a0a0;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>At MINIMUM zoom level, when you can see several world maps, I expect longitude bounds to be -180 - 180, but in real I don't get it. Is my expectation wrong and why?</p>
  
  <p>In real application I have a server-side code that fetches markers from database depending on current map bounds.</p>