javascript - アニメーション付きのJavaScript Googleマップsetcenterとsetzoom

Question

javascript で Google マップ API を使用しています。ズームと中心を安静サービスからの値で変更する必要があり、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