Javascript google map setcenter и setzoom с анимацией

Я использую google map api в javascript, мне нужно изменить масштаб и центр на значение, поступающее из службы restful, и я могу сделать это с помощью функций setCenter и setZoom.

Но проблема в том, что карта перезагружается, и мой босс хочет, чтобы она сосредоточилась на этом месте с анимацией, а не перегружая карту, все равно для этого?

Ответ 1

Метод setCenter перезагрузить карту. Если у вас нет подзарядки и есть анимация, используйте метод panTo: Map.panTo Документация разработчиков

Ответ 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