javascript - marcadores - google.maps.marker example

javascript google map setcenter y setzoom con animación

Question

Estoy usando Google Map Api en JavaScript, necesito cambiar el zoom y el centro por el valor que proviene de un servicio tranquilo y puedo hacerlo con las funciones setCenter y setZoom.

Pero el problema es que, el mapa se está recargando y mi jefe quiere que se enfoque en esa ubicación con una animación que no está recargando el mapa. ¿Hay algún modo de hacerlo?

Answer 1

Según este enlace , este método:

panTo (latLng: LatLng | LatLngLiteral)

Cambia el centro del mapa al LatLng dado. Si el cambio es menor que el ancho y el alto del mapa, la transición se animará suavemente.

Así que simplemente puedes usar:

map.panTo(location);

dónde:

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

Answer 2

El método setCenter vuelve a cargar el mapa. Para deshabilitar la recarga de mapas y habilitar la animación, use el método panTo : Map.panTo Developers Documentation