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

根据这个链接,这个方法:

哑剧(经纬度:经纬度| 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