更改Google地圖在Jquery中的縮放級別

Question

我試過下面的代碼。請讓我知道如何更改文本框自動填充內的縮放級別。

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('<div id="control"><div><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"/></div></div>'); 
        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': '<h4>'+item.name+'</h4>'}, this); 
            }); 
           }); 
          } 
         }); 
        }); 
        return $('#control')[0]; 
       }); 
       self.addControl(new control(), 1); 
      }}); 
     }).load('places_1'); 
    }); 

我採取這種代碼 http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#places 我的意思是我要動態地改變縮放級別。 在此先感謝。

Answer 1

我認爲mapname.setZoom(zoom)應該工作，其中mapname是您在創建地圖時所用的名稱，並縮放您想要地圖的縮放級別。爲了將來的參考，請查看google maps api reference（這不是特別好，但是一旦你習慣使用API​​，它會告訴你這樣的東西）。