我尝试过以下代码。请让我知道如何更改文本框自动完成内的缩放级别。
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 我的意思是我必须动态改变缩放级别。 提前致谢。
答案 0 :(得分:0)
我相信mapname.setZoom(zoom)
应该适用于mapname是您在创建地图时为地图命名的名称,并缩放您希望地图具有的缩放级别。为了将来参考,请查看google maps api reference(它不是特别好,但是一旦您习惯使用API,它会告诉您类似的东西)。