¿Cómo puedo crear rutas animadas en mapas?
En este tutorial aprenderás a animar una ruta desde el punto A hasta el punto B.
Ruta de vuelo
Toda animación comienza con la creación de fotogramas clave. Estos definen el “movimiento de la cámara”. Puedes leer más sobre cómo trabajar con ellos aquí. Para esta animación, crearemos dos fotogramas clave con un ligero efecto de zoom.
Ahora puedes añadir una línea haciendo clic en el mapa o introduciendo destinos en la barra de búsqueda. En el mismo menú emergente, puedes ajustar el estilo de la línea y añadir esquinas redondeadas. También puedes añadir un icono de avión que se moverá junto con la línea. Ten en cuenta que el icono debe estar alineado con la dirección de la línea.
Para comenzar a animar la línea, haz clic sobre ella y pulsa el botón “Animar” (Animate) en la esquina inferior derecha.
La línea se convierte en un elemento temporizado en la línea de tiempo, cuyo inicio se establece en la posición del cursor de reproducción.
Por defecto, la línea ya tiene aplicado el efecto de crecimiento. Solo necesitas definir la hora de inicio y finalización. La barra indica cuándo la ruta permanece estática, mientras que el control en forma de triángulo marca el momento en que aún se está animando. Puedes obtener más información sobre la configuración de animación de elementos aquí.
Ruta animada
El procedimiento es el mismo tanto para líneas como para rutas. Como referencia, animemos un sendero de montaña.
Consejo
Línea estática e icono animado
Crea una línea transparente con un icono que se mueva a lo largo de ella. Luego duplica esta línea y colócala debajo de la original. Haz que la línea duplicada sea opaca y elimina el icono de ella. De esta manera, tendrás dos líneas: una invisible con el icono en movimiento y otra visible y estática.
Para estas animaciones, hemos creado los fotogramas clave manualmente, pero también existe la opción de generar fotogramas clave automáticos que siguen la línea. Puedes obtener más información sobre esta función aquí.
Además de las líneas, también se pueden animar iconos y etiquetas. Obtén más información sobre esta función aquí.