title: jquery-ui-map how to set zoom level
body: <p>I have the following code working fine, but I'm unable to add a zoom level. According to the <a href="http://code.google.com/p/jquery-ui-map/wiki/jquery_ui_map_v_3_sample_code" rel="noreferrer">docs</a> it should work with <code>'option', 'zoom', 7</code> but this gives an error: <code>"$("#map_canvas").gmap("option", "zoom", 7).bind is not a function"</code></p>
  
  <p>Working code, sans zoom, edited. Zoom is always at 1.</p>
  
  <pre><code>$("#map_trigger").click(function(){
          var prop_id = $("#map_canvas").attr("rel");
          $('#map_canvas').gmap({'zoom':6}).bind('init', function(evt, map) {
              $.getJSON( basepath+'properties/get_gps_coords/'+prop_id, function(data) {
                  $.each( data.markers, function(i, m) {
                      lat = m.latitude;
                      longitude = m.longitude;
                      $('#map_canvas').gmap(
                          'addMarker', { 'position': new google.maps.LatLng(lat, m.longitude), 'bounds':true }
                      );
                  });
              });
          });
      });
  </code></pre>
  
  <p>How can I add a zoom level to this snippet?</p>