javascript - javascript 谷歌地图 setcenter 和 setzoom 动画

Question

我在 javascript 中使用 google map api，我需要通过来自 restful 服务的值来更改缩放和中心，我可以使用 setCenter 和 setZoom 函数来做到这一点。

但问题是，地图正在重新加载，我的老板希望它通过动画而不是通过重新加载地图来聚焦该位置，无论如何这样做吗？

Answer 1

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

Answer 2

根据此链接，此方法：

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