title: Google maps api locate corner coordinates
body: <p><strong>QUESTION:</strong> Is there a way that I could locate what the coordinates are of corner points of the google map each time I <code>zooms in</code>, <code>zooms out</code>, or <code>shift</code> the map?</p>
  
  <p><strong>ELABORATING ON WHAT I MEAN:</strong></p>
  
  <p>In my google maps api code, I giving the map a specific width and height:</p>
  
  <pre><code>&lt;style&gt;
      #map {
          width:400px;
          height:300px;
      }
  &lt;/style&gt;
  &lt;script src="https://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
  &lt;div id="map"&gt;&lt;/div&gt;
  &lt;script&gt;
      var mapOptions = {
          center: new google.maps.LatLng(37.7831, -122.4039),
          zoom: 12,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById('map'), mapOptions);
  &lt;/script&gt;
  </code></pre>
  
  <p>Now when a user uses the scroll the look either further in the map or further out, this width and hight obviously stays the same, however the coordinates on the map located at the </p>
  
  <pre><code>top-left corner
  top-right corner
  bottom-left corner
  bottom-right corner
  </code></pre>
  
  <p>change as the user shifts the map. I have been trying to find a way to obtain these coordinates but have failed in my attempts.</p>