title: Google maps adding a zoom variable
body: <p>I am successfully using the following scripts to mark various points on a map. The only problem is the zoom default is to "zoomed in". i have tried to place the zoom variable "zoom:7" but nothing works please help?</p>
  
  <pre><code> function initialize()
          {
              var default_marker;
              /* Map Style Start */
              var customMapType = new google.maps.StyledMapType([
                  {
                      stylers: [
                          {hue: '#F4B249'},
                          {visibility: 'simplified'},
                          {gamma: 0.5},
                          {weight: 0.5}
                      ]
                  },
                  {
                      elementType: 'labels',
                      stylers: [{visibility: 'off'}]
                  },
                  {
                      featureType: 'water',
                      stylers: [{color: '#F4B249'}]
                  }
              ], {
                  name: 'Custom Style',
              });
  
              var customMapTypeId = 'custom_style';
  
              var map = new google.maps.Map(document.getElementById('map-canvas'), {
                  mapTypeControlOptions: {
                       mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId],
                  }
              });
              map.mapTypes.set(customMapTypeId, customMapType);
              map.setMapTypeId(customMapTypeId);
  
              /* Map Style End */
  
              var bounds = new google.maps.LatLngBounds();
              var infowindow = new google.maps.InfoWindow();
              for (var i in LocationData)
              {
                  var p = LocationData[i];
                  var latlng = new google.maps.LatLng(p[0], p[1]);
                  bounds.extend(latlng);
  
                  var marker = new google.maps.Marker({
                      position: latlng,
                      map: map,
                      title: p[2],
                      icon: p[3]
                  });
                  if (p[4] == "default")  // Default Marker
                      default_marker = marker;
  
                  google.maps.event.addListener(marker, 'click', function () {
                      infowindow.setContent(this.title);
                      map.setCenter(this.getPosition());
                      infowindow.open(map, this);
                  });
              }
              $("#btn-click").click(function () {
                  google.maps.event.trigger(default_marker, 'click');
              });
              map.fitBounds(bounds);
              google.maps.event.addListenerOnce(map, 'idle', function () {
                  google.maps.event.trigger(default_marker, 'click');
              });
          }
          google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>