title: Google-Maps v3: How to change the map style based on zoom level?
body: <p>I am using the new Google Maps v3 STYLED MAP.</p>
  
  <p>I want to change how the map is Styled based on the zoom level. </p>
  
  <p>I have the following pseudo-code, how do change my map-style based on the zoom level? </p>
  
  <pre><code>var myOptions = { 
          zoom:      zoom, 
          center:    latlng, 
          disableDefaultUI: true, 
          navigationControl: true, 
          scrollwheel: false, 
          navigationControlOptions: {style: 
  google.maps.NavigationControlStyle.SMALL,position: 
  google.maps.ControlPosition.TOP_RIGHT}, 
          mapTypeId: google.maps.MapTypeId.ROADMAP 
  }; 
  
  var mapStyleZoomedOut = [{      featureType: "landscape", 
                                                      elementType: "all", 
                                                      stylers: [{ visibility: "off" }] 
                                                  }]; 
  var mapStyleZoomedIn = [{       featureType: "landscape", 
                                                      elementType: "all", 
                                                      stylers: [{ visibility: "off" }] 
                                                    },{ 
                                                      featureType: "poi", 
                                                      elementType: "all", 
                                                      stylers: [{ visibility: "off" }] 
                                                    }]; 
  map = new google.maps.Map(document.getElementById("find-map"), 
  myOptions); 
  var styledMapOptions = {map: map}; 
  var styleMapType =  new google.maps.StyledMapType(mapStyle, 
  mapStyleZoomedOut); 
  map.mapTypes.set('minimial', styleMapType); 
  map.setMapTypeId('minimial'); 
  google.maps.event.addListener(map, 'zoom_changed', function() { 
          // === IF Zoom Level &lt;= 8 use mapStyleZoomedIn 
          // === If Zoom Level &gt; 8 use mapStyleZoomedOut 
  }); 
  </code></pre>
  
  <p>Thanks in advance</p>