Wie kann ich Elemente auf Karten animieren?

In diesem Artikel erklären wir, wie man Icons, Linien, Polygone und andere Elemente animiert.

Diese Dokumentation wird ständig weiterentwickelt.

Das Erstellen einer Animation kann im Allgemeinen in zwei Hauptschritte unterteilt werden:

1. Keyframe-Animation – Steuerung der „Kamerabewegung“ durch Schwenken über Bereiche, Zoomen, Drehen oder Kippen der Ansicht. Mehr über diesen Schritt erfahren Sie hier.
2. Element-Animation – Animation von Objekten, die auf der Karte hinzugefügt werden, wie z. B. Routen, Labels oder Icons. In diesem Artikel betrachten wir diesen Prozess genauer.

Bevor wir mit der Animation der Elemente beginnen, müssen wir Keyframes erstellen. Erstellen wir ein 5-Sekunden-Video mit einer statischen Ansicht, indem wir einen einzelnen Keyframe bei der 5-Sekunden-Marke auf der Timeline hinzufügen.

Um ein Element zu animieren, fügen Sie es zunächst wie gewohnt hinzu und klicken dann auf die Schaltfläche „Animate“ unten rechts. Die Animation startet an der Position des Playheads.

Animationseinstellungen

Um die Animation anzupassen, können Sie entweder das Einstellungsmenü unten rechts oder die Timeline verwenden.

Der Anfang und das Ende der Animation können im Menü eingestellt oder durch Ziehen und Strecken des Elements auf der Timeline festgelegt werden.

Die Typen der Entry- und Exit-Animation können im Animationsmenü ausgewählt werden:


Der gewählte Animationstyp wird ebenfalls auf der Timeline angezeigt, und jeder Annotationstyp ist farblich unterschieden.

Bei Grow- oder Fade in/Fade out-Animationen zeigt die Leiste Griffe an, die den Beginn und das Ende des Effekts markieren. Der Hauptteil der Leiste zeigt, wann das Element statisch ist (nach dem Ende der Entry-Animation und vor Beginn der Exit-Animation).

Bei der Kleine-Animation erscheint und verschwindet das Element ohne Effekte, daher wird es als einfache Leiste dargestellt.

Probieren Sie gerne verschiedene Kombinationen von Entry- und Exit-Animationen aus.

Abhängig von der gewählten Entry- und Exit-Animation können Sie die folgenden Easing-Optionen verwenden:

- Easing

- Linear

- Bounce

- Elastic

- Overshoot

Die Dauer kann im Menü eingestellt oder durch Ziehen der Griffe des Elements auf der Timeline angepasst werden. Dies gilt speziell für die Entry- oder Exit-Animation (z. B. wie lange es dauert, bis das Element vollständig Grow oder Fade in ist). Deshalb ist die Dauer für Elemente mit Kleine-Animation nicht verfügbar.

Sie können eine Animation entfernen, indem Sie auf das durchgestrichene Kamera-Symbol im Animationsmenü klicken oder das Element auf der Timeline auswählen und die Rückschritt-/Entf-Taste drücken.