Neues Feature: Icons in Animationen entlang einer Linie bewegen!

In der sich ständig weiterentwickelnden Welt digitaler Mapping-Tools freuen wir uns immer über eure Vorschläge und Hinweise auf fehlende Funktionen! Heute stellen wir dir ein neues Feature vor, das sich viele Nutzer gewünscht haben: die Möglichkeit, Icons auf animierten Linien zu platzieren. Diese innovative Ergänzung eröffnet viele neue Möglichkeiten – von eindrucksvolleren News-Grafiken bis hin zu fesselnden Reiseanimationen. In diesem Artikel zeigen wir dir die technischen Details dieses neuen Features und die vielfältigen Einsatzmöglichkeiten.

Animierte Linien mit Icons, die sich entlang der Linie bewegen

Das neue Feature von Mapcreator baut auf der bestehenden Möglichkeit auf, Linien zu animieren, sodass sie dynamisch von einem Ende zum anderen wachsen. Diese Animation entsteht, indem die Linie als Reihe von Punkten dargestellt wird. Der Punkt, der das Ende der Linie bildet, kann dabei genutzt werden, um die Koordinaten für das Icon bereitzustellen.

Wenn du neugierig bist, hier ein kurzer technischer Einblick:

Die Magie beginnt mit dem Auslesen dieser Koordinaten vom Endpunkt der wachsenden Linie, denn sie bilden die Grundlage für die Positionierung des Icons. Damit das Icon an der Linie ausgerichtet ist, nimmt der Code einfach die Koordinaten des vorletzten Punkts und berechnet fortlaufend den Winkel dieses Punkts relativ zum Endpunkt der Linie. Dieser Winkel wird dann zum ursprünglichen Winkel des Icons hinzugefügt.

Und das war’s schon. Jetzt sitzt ein Icon am Ende einer wachsenden Linie! Von hier aus kannst du natürlich weiterhin das Styling einzelner Elemente anpassen, aber die Grundlage steht. Lies unten weiter, um weitere Anwendungsfälle und Beispiele für Icons zu sehen, die sich entlang animierter Linien bewegen.

Dynamische News-Berichterstattung

Mit der Animation von Icons auf Linien verändert Mapcreator die Art, wie Nachrichtenereignisse visualisiert werden. Reporter können nun sich entwickelnde Ereignisse wie Flugzeugabstürze oder globale Sportereignisse wie die Tour de France dynamisch darstellen, indem sie Icons auf animierten Linien platzieren. Dieser immersive Ansatz zieht nicht nur Aufmerksamkeit auf sich, sondern vermittelt dem Publikum auch eine klare und spannende Geschichte. Die nahtlose Bewegung von Icons entlang wachsender Linien verleiht der Berichterstattung eine zusätzliche Dynamik und macht Mapcreator zu einem leistungsstarken Storytelling-Tool.

Immersive Reiserouten

Bring deine Reiseanimationen auf das nächste Level – mit dem innovativen Feature von Mapcreator. Indem Flugrouten oder Kreuzfahrten mit Icons auf animierten Linien nachgezeichnet werden, können Reiseveranstalter ihre Reisen eindrucksvoll und immersiv darstellen. Das Zusammenspiel von Icons und animierten Routen verstärkt den erzählerischen Charakter von Reisekarten und ermöglicht es Nutzern, ihre Reisen auf visuell überzeugende Weise zu teilen. Lass die Icon-auf-Linie-Animation deine Reisegeschichten zum Leben erwecken!

Visualisierungen aller Verkehrsarten

Von Fußwegen über Fahrrad- und Fahrzeugrouten bis hin zu Reisen durch die Luft oder über das Meer – das Icon-auf-Linie-Feature bringt eine dynamische Dimension in die Visualisierung von Verkehr und Mobilität. Icons bewegen sich nahtlos entlang von Pfaden und zeigen so die Bewegung verschiedenster Verkehrsmittel.

Animation nur mit Icons

Gehen wir noch einen Schritt weiter als klassische Mapping-Tools und ermöglichen Nutzern, Animationen nur mit Icons zu erstellen! Wenn die Linie transparent gemacht und dupliziert wird, lässt sich das bewegte Icon isolieren, was zu einem besonderen visuellen Effekt führt. Die duplizierte Linie erzeugt – wenn sie sichtbar und ohne Animation dargestellt wird – die Illusion eines Icons, das sich entlang eines Pfads bewegt. Dieses Feature eröffnet neue kreative Möglichkeiten.

Probier es selbst aus!

Mapcreator sorgt für ein benutzerfreundliches Erlebnis, indem der Prozess so einfach wie möglich gemacht wird. Mit nur wenigen Schritten kannst du deine Karten zum Leben erwecken und ansprechende Animationen erstellen, die perfekt zu deiner Geschichte passen.

Wenn du neu bei unseren Kartenanimationen bist, starte bitte mit unserem Blogartikel über animierte Linien und folge von dort aus den nächsten Schritten.

1. Wähle die animierte Linie aus, die du auf deiner Karte erstellt hast.
2. Auf der rechten Seite erscheint ein Styling-Menü. Unten im Menü findest du die Option „Icon entlang der Linie bewegen“. Klicke auf den Schalter daneben.
3. Wähle das Icon aus, das du verwenden möchtest.
4. Schau zu, wie das Icon der Linie automatisch folgt!

Von hier aus gibt es noch ein paar weitere Optionen. In der Timeline kannst du festlegen, wann das Icon erscheinen oder verschwinden soll – unabhängig davon, wo die Linie beginnt oder endet. Die Linie und das Icon sind separate Elemente, die du einzeln auswählen und bearbeiten kannst. Wenn das Icon erst auf halber Strecke erscheinen und bis zum Ende sichtbar bleiben soll, ist das also problemlos möglich!

Weitere Optionen betreffen zum Beispiel, ob das Icon an der Richtung der Linie ausgerichtet werden soll (die Standardeinstellung) oder ob du eine eigene Rotation hinzufügen möchtest. Du kannst außerdem in der Timeline festlegen, wie lange das Icon „wachsen“ soll, indem du den dunkleren Bereich am Anfang oder Ende der Linie nach hinten oder vorn ziehst – je nachdem, ob die Ein- oder Ausblendung des Icons verlängert werden soll.

Worauf wartest du noch?

Das neue Feature von Mapcreator für Icon-auf-Linie-Animationen ist jetzt live! Von News-Berichterstattung über Reisetagebücher bis hin zu verschiedensten Verkehrsvisualisierungen – die Möglichkeiten sind enorm. Durch die nahtlose Verbindung von Icons mit animierten Linien kannst du fesselnde Geschichten mit dynamischen und visuell beeindruckenden Karten erzählen. Tauche in dieses innovative Feature ein und bring deine Kartenerstellung auf das nächste Level!

This content is available in English

Would you like to switch?

Diese Inhalte gibt's auch auf Deutsch

Möchtest du wechseln?

Contenu disponible en français

Changer de langue ?

Esta página está disponible en español

¿Te gustaría cambiar?

Deze pagina is ook beschikbaar in het Nederlands

Zullen we je doorverwijzen?