JavaScript谷歌地图设置中心和缩放并带有动画。

Question

我在 JavaScript 中使用 Google 地图 API，需要通过来自 RESTful 服务的值更改缩放和中心，并且我可以使用 setCenter 和 setZoom 函数实现此目的。

但问题是地图正在重新加载，我的老板希望它使用动画聚焦该位置，而不是重新加载地图，是否有任何方法可以做到这一点？

- bdogru

Answer 1

setCenter方法重新加载地图。如需禁用地图重载并启用动画，请使用panTo方法：Map.panTo开发者文档

- akajack

---

我想让动画速度等于GPS报告的速度。你有什么想法吗？ - Michael

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

- Reza Baradaran Gazorisangi