在Jquery中更改Google地图的缩放级别

时间:2013-09-05 12:54:04

标签: javascript google-maps jquery-mobile google-maps-api-3 map

我尝试过以下代码。请让我知道如何更改文本框自动完成内的缩放级别。

    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 我的意思是我必须动态改变缩放级别。 提前致谢。

1 个答案:

答案 0 :(得分:0)

我相信mapname.setZoom(zoom)应该适用于mapname是您在创建地图时为地图命名的名称,并缩放您希望地图具有的缩放级别。为了将来参考,请查看google maps api reference(它不是特别好,但是一旦您习惯使用API​​,它会告诉您类似的东西)。