Question

我正在使用jquery-ui-map插件（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的中心和缩放功能？

谢谢！

Answer 1

使用基本的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 });
});

请不要犹豫，向我提供所有的JavaScript代码，然后我就可以整合它。

使用JQuery Map更新中心和缩放

1 个答案: