title: Setting zoom level in google maps javascript
body: <p>I have been working a long time trying to get a Google map with a single marker on it. I have the javascript completed but cannot get the zoom level at 11. I developed a map that works with multiple markers with the code 'MYMAP.bounds.extend(point);' to extend the map. With this map I only have one marker and I would like it centered in the map when it loads. Any and all help is appreciated.</p>
  
  <p>opening code.....</p>
  
  <pre><code>            // extend the bounds to include the new point
              // I have another map with multiple markers
              // and the code below extends the map bounds
              // for this map, I only have one marker
              // and I want it centered on the lat &amp; long
              // zoom level 11. I thought I set that level
              // on line 11 but it doesn't seem to work as intended
  
              MYMAP.bounds.extend(point);
  
  
  
  
              var marker = new google.maps.Marker({
                  position: point,
                  map: MYMAP.map
              });
  
              var infoWindow = new google.maps.InfoWindow();
              var html='&lt;strong&gt;'+name+'&lt;/strong.&gt;&lt;br /&gt;'+address;
              google.maps.event.addListener(marker, 'mouseover', function() {
                  infoWindow.setContent(html);
                  infoWindow.open(MYMAP.map, marker);
  
              });
              google.maps.event.addListener(marker,'mouseout', function() {
          infoWindow.close();
      });
  
  
              MYMAP.map.fitBounds(MYMAP.bounds);
          });
      });
  }
  </code></pre>