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, но он не центрирует карту, и я пытаюсь центрировать карту с помощью геолокации

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

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);