Javascript 使用JQuery地图更新中心和缩放

Javascript 使用JQuery地图更新中心和缩放,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,我正在使用jQueryUIMap插件(http://code.google.com/p/jquery-ui-map/). 我已使用以下代码成功创建地图: var home = new google.maps.LatLng(39.909736, -97.382813); $('#myMap').gmap({ 'center': home, 'zoom': 3 }); 但是,在用户单击按钮后,我想更新“中心”和“缩放”属性。就我个人而言,我似乎无法理解这一点。我认为这是因为我不完全理解JavaSc

我正在使用jQueryUIMap插件(http://code.google.com/p/jquery-ui-map/). 我已使用以下代码成功创建地图:

var home = new google.maps.LatLng(39.909736, -97.382813);
$('#myMap').gmap({ 'center': home, 'zoom': 3 });
但是,在用户单击按钮后,我想更新“中心”和“缩放”属性。就我个人而言,我似乎无法理解这一点。我认为这是因为我不完全理解JavaScript编码语法。看起来这应该是件容易的事,但它暗指我

如何更新gmap的中心和缩放属性


谢谢大家!

使用基本的google.map插件

居中

map.setCenter(new google.maps.LatLng(yourLatitude,yourLongitude));
设置缩放的步骤

map.setZoom(yourZoomLevel);
使用jQuery.UI

一样,但是

map=$('#myMap').gmap('get','map')

或者类似的:

// html
<input type="text" id="zoomInput" value="10"/>
<input type="text" id="latInput" value="39.909736"/>
<input type="text" id="lngInput" value="-97.382813"/>
<input type="button" id="yourButton"/>

// JS document.ready
$('#yourButton').click(function(){
  $('#myMap').gmap('option', 'zoom', $('#zoomInput').val());
  var newCoords = new google.maps.LatLng($('#latInput').val(), $('#lngInput').val());
  $('#myMap').gmap({'center': newCoords });
});
//html
//JS document.ready
$(“#您的按钮”)。单击(函数(){
$('myMap').gmap('option','zoom',$('zoomInput').val());
var newCoords=new google.maps.LatLng($('latInput').val(),$('latInput').val());
$('myMap').gmap({'center':newCoords});
});

请毫不犹豫地向我提供您所有的javascript代码,然后我可以将其集成。

非常感谢您的帮助!