javascript google map setcenter和setzoom with animation

Question

我在javascript中使用google map api，我需要通过来自restful service的值更改缩放和居中，我可以使用setCenter和setZoom函数来实现。

但问题是，地图正在重新加载，我的老板希望它用动画来聚焦那个位置，而不是通过重新加载地图是否有这样做呢？

Answer 1

方法setCenter重新加载地图。要禁用地图重新加载和启用动画，请使用panTo方法：Map.panTo Developers Documentation

Answer 2

根据this link，这种方法：

  

panTo（latLng：LatLng | LatLngLiteral）

将地图中心更改为给定的LatLng。如果更改小于地图的宽度和高度，则过渡将平滑地动画。

所以你可以简单地使用：

map.panTo(location);

其中：

var location = new google.maps.LatLng(latitude, longitude);
var mapOptions = {
// your map options
                };  
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // map-canvas is id of your map holder