JQuery-UI-карту, как установить уровень масштабирования и центрировать карту

Question

как установить уровень масштабирования в этом коде

$(function() {   


       $('#map_canvas').gmap({ 'disableDefaultUI':true, 'callback': function() { 
        var self = this; 
        $.getJSON('location1.php', function(data) { 
         console.log(data); 
         $.each(data[0].markers, function(i, marker) {        
           self.addMarker({ 'position': new google.maps.LatLng(marker.latitude, marker.longitude) }).click(function() { 
           self.openInfoWindow({ 'content': marker.content }, this); 
          }); 
         }); 
        }); 



        self.getCurrentPosition(function(position, status) { 
         if (status === 'OK') { 
          self.set('clientPosition', new google.maps.LatLng(position.coords.latitude, position.coords.longitude)); 
          self.addMarker({'position': self.get('clientPosition'), 'bounds': false}); 
          self.addShape('Circle', { 'strokeWeight': 0, 'fillColor': "#008595", 'fillOpacity': 0.25, 'center': self.get('clientPosition'), 'radius': 24140.16, clickable: false });        
         } 
        }); 
       }}).load(); 

     }); 

я попытался добавить увеличение: 6, но она не будет в центре карты, и я пытаясь расположить карту с помощью GeoLocation

, так что я предполагаю, что мой вопрос был бы как я центрировать карту для геолокации координат и установить уровень масштабирования

PS у меня есть границы к ложному

спасибо заранее

Answer 1

попробовать это:

self.getCurrentPosition(function(position, status) { 
        if (status === 'OK') { 
         var point = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
         self.addMarker({'position': point, 'bounds': true}); 
         self.addShape('Circle', { 'strokeWeight': 0, 'fillColor': "#008595", 'fillOpacity': 0.25, 'center': point, 'radius': 24140.16, clickable: false }); 
         self.gmap('option', 'zoom', 12) 
        } 
       }); 
      }; 

В качестве альтернативы, вы можете оставить bounds: false и установить центр карты по $("#map_canvas").('option', 'center', point);