title: Change the zoom level of Google map in Jquery
body: <p>I have tried the following code. Please let me know how can i change zoom level  inside the autocomplete of the textbox.      </p>
  
  <pre><code>    var mobileDemo = { 'center': '57.7973333,12.0502107', 'zoom': 6 };              
      $('#places').live('pageinit', function() {
          demo.add('places_1', function() {
              $('#map_canvas_3').gmap({'center': mobileDemo.center, 'zoom': mobileDemo.zoom, 'disableDefaultUI':true, 'callback': function() {
                  var self = this;
                  console.log(self);
                  var control = self.get('control', function() {
                      $(self.el).append('&lt;div id="control"&gt;&lt;div&gt;&lt;input id="places-search" class="ui-bar-d ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-d ui-autocomplete-input" type="text"/&gt;&lt;/div&gt;&lt;/div&gt;');
                      self.autocomplete($('#places-search')[0], function(ui) {
                          self.clear('markers');
                          self.set('bounds', null);
                          $("#map_canvas_3").gmap({'zoom':15});
                          $('#map_canvas_3').gmap('refresh');
                          //self.set('zoom', 15);
                          //self.gmap('refresh');
                          self.placesSearch({ 'location': ui.item.position, 'radius': '5000' }, function(results, status) {
                              if ( status === 'OK' ) {
                                  $.each(results, function(i, item) {
                                      self.addMarker({ 'id': item.id, 'position': item.geometry.location, 'bounds':true }).click(function() {
                                          self.openInfoWindow({'content': '&lt;h4&gt;'+item.name+'&lt;/h4&gt;'}, this);
                                      });
                                  });
                              }
                          });
                      });
                      return $('#control')[0];
                  });
                  self.addControl(new control(), 1);
              }});
          }).load('places_1');
      });
  </code></pre>
  
  <p>I have taken this code from 
  <a href="http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#places" rel="nofollow">http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#places</a>
  I meant i have to change zoom level dynamically.
  Thanks in advance. </p>