Eine Karte anlegen

Wie jedes andere Widget fügen Sie eine Karte über das + Menü hinzu:

1. + Button → Karte
2. Eine Leaflet-Karte erscheint als Knoten auf dem Board
3. Standardmäßig zeigt sie Weltansicht

Die Karte ist vorerst leer. Sie zeigt erst dann etwas, wenn Sie Elemente mit Standortdaten verbinden. Sobald ein Element mit einem Bewegungspfad oder einem Standort & Umkreis mit der Karte verbunden ist, erscheinen die entsprechenden Marker, Pfade und Kreise automatisch.

Die drei Edit-Modi der Karte

Jede Karte hat unten links drei Modus-Icons, die sich gegenseitig ausschließen. Der aktive Modus ist farbig hinterlegt:

• ✏ Zeichenmodus (rot) — freie geometrische Zeichnungen, Text, Pfeile, Bilder
• △●● Bewegungspfad-Modus (grün) — Pfade zeichnen oder Wegpunkte bearbeiten
• ⚬ Standort-Modus (violett) — Umkreise anlegen oder bearbeiten

Durch die klare Trennung der Modi passiert nie etwas versehentlich. Klicken Sie außerhalb des aktiven Modus auf die Karte, geschieht nichts — außer in den Modus-Werkzeugen vorgesehen.

Esc beendet den aktiven Modus. Ein erneuter Klick auf das Icon ebenfalls.

Standorte und Umkreise

Ein Standort mit Umkreis ist ein fester Ort mit einem definierten Radius — etwa ein Tatort mit Sperrzone, ein Treffpunkt mit Annäherungsradius oder ein Alibi-Ort.

So legen Sie einen Umkreis an:

1. Wechseln Sie in den Standort-Modus (violettes Icon)
2. Klicken Sie auf eine leere Stelle der Karte
3. Ein Element-Picker öffnet sich: Wählen Sie ein verbundenes Element aus oder legen Sie ein neues an
4. Klick auf Karte = Mittelpunkt
5. Maus bewegen = Radius
6. Zweiter Klick öffnet den Dialog

Im Dialog geben Sie ein:

• Titel — z. B. „Wohnadresse", „Treffpunkt"
• Sicherheitsstufe — Möglichkeit / Annahme / Gesichert
• Gültigkeit (Slider) — ab wann bis wann ist der Umkreis relevant. Mausrad ändert um ±1 Min, Shift+Mausrad um ±10 Min

Alternativ können Sie im Block Oder: An Adresse platzieren eine Adresse eintippen und einen Radius in Metern angeben. Der Perimeter wird dann direkt an der Adresse gesetzt.

Die Farbe des Umkreises übernimmt die Elementfarbe. Die Sicherheitsstufe steuert Strichstärke und Füllung: Gesicherte Umkreise sind durchgezogen und deutlicher, Möglichkeiten gestrichelt und dezenter.

Bewegungspfade

Ein Bewegungspfad ist eine chronologische Abfolge von Wegpunkten — Punkt A um 14:00, Punkt B um 14:23, Punkt C um 14:45. SpectralQ verbindet diese Punkte visuell und animiert sie entlang der Zeitachse.

So zeichnen Sie einen Pfad auf der Karte:

1. Wechseln Sie in den Bewegungspfad-Modus (grünes Icon)
2. Klicken Sie auf eine leere Stelle — der Element-Picker öffnet sich
3. Wählen Sie ein bestehendes Element oder legen Sie ein neues an
4. Setzen Sie nacheinander Punkte auf der Karte
5. Z — letzten Punkt zurücknehmen
6. Enter — Pfad speichern
7. Esc — Abbrechen

Der erste Punkt übernimmt die Zeit des Timeslider-Cursors. Die folgenden Punkte bekommen Zeiten, die aus der berechneten Distanz und einer angenommenen Geschwindigkeit abgeleitet werden.

Pfad per Adressen-Navigation
Alternativ können Sie im Element-Picker unten den Block Oder: Adressen verbinden verwenden. Geben Sie Start- und Ziel-Adresse ein — SpectralQ berechnet den Pfad automatisch per OSRM-Routing mit echter Straßenführung.

Bei Zwei-Punkte-Elementen bietet OSRM bis zu drei Alternativrouten an, die farbig auf der Karte gezeichnet werden. Klick auf eine Variante übernimmt sie.

Wegpunkte bearbeiten

Klicken Sie im Bewegungspfad-Modus auf einen bestehenden Wegpunkt, öffnet sich die Point-Toolbar — eine schlanke Aktionsleiste direkt am Marker:

• Verschieben — gestrichelter Pfeil folgt der Maus, Klick legt neue Position fest. Shift+Klick fügt einen neuen Punkt ein, X löscht
• Adresse… — Nominatim-Suche. Treffer setzt die neue Position inklusive Adresse
• Zeit… — Datum/Uhrzeit-Dialog für diesen einen Punkt. Alle anderen Wegpunkte werden um dasselbe Delta verschoben
• Erreichbarkeit… — öffnet den Isochronen-Dialog (mehr dazu in Kapitel 18)
• Löschen — entfernt den Punkt

Wenn Sie einen Punkt verschieben, werden die Zeiten der Folgepunkte automatisch neu berechnet — basierend auf Segment-Geschwindigkeiten. Ein Info-Popup listet alle geänderten Zeiten auf.

Punkt auf einer Pfadlinie einfügen
Klicken Sie im Bewegungspfad-Modus auf eine Pfadlinie zwischen zwei Wegpunkten, wird ein neuer Punkt eingefügt. Position und Zeit werden auf das Segment projiziert und linear interpoliert.

Mehrfachauswahl per Lasso

Mit Shift+Drag ziehen Sie ein Auswahlrechteck über mehrere Wegpunkte. Die Toolbar oberhalb der Karte passt sich an:

• Verschieben — geografisch, per Element-Umhängen, oder an eine Adresse
• Zeit — um Offset verschieben, chronologisch umkehren, Dauer ändern, Geschwindigkeiten prüfen
• Verbinden — Luftlinie oder OSRM-Navigation. Bei ausgewählten Zwischenpunkten berechnet OSRM die Route über alle Wegpunkte
• Kopieren — in anderes Element kopieren, mit Zeitoffset
• Löschen

Die Info-Zeile zeigt dabei Anzahl, Zeitspanne, Pfadlänge und Luftlinie der Auswahl.

Karten-Animation

Unter jeder Karte mit mehreren Zeitpunkten erscheint ein Timeslider. Er steuert die zeitliche Darstellung aller Elemente auf der Karte.

Die Bedienelemente:

• Prev/Next (‹/›) — zum vorherigen/nächsten Zeitpunkt springen
• Play — Animation starten. Geschwindigkeit wählbar per Dropdown
• Story-Checkbox — verbindet die bisher besuchten Punkte jeder Person mit gepunkteten Pfeilen in Elementfarbe. Am aktuellen Punkt erscheint eine Popup-Blase mit Titel, Uhrzeit und Zeit-Delta zum vorherigen Punkt
• T-Checkbox — blendet Pfad-Labels ein: Zeitstempel, kumulative Distanz, Geschwindigkeit zwischen Eckpunkten
• Daylight — Tag/Nacht-Simulation anhand des echten Sonnenstands. Die Karten-Tiles werden abgedunkelt, Marker und Linien bleiben sichtbar

Oben rechts auf der Karte zeigt eine kompakte Anzeige Wochentag, Datum und Uhrzeit der aktuellen Cursor-Position.

Mehr zur Animation in Kapitel 15.

Zeichnen auf der Karte

Im Zeichenmodus (rotes Icon) stehen Ihnen geometrische Werkzeuge zur Verfügung:

• Freihand — Freihandzeichnung
• Linie und Pfeil
• Rechteck und Kreis
• Text — Klick auf Karte, Texteingabe im Prompt
• Bild — Bilder aus verbundenen Elementen auf der Karte platzieren. Skalierbar per Mausrad, drehbar per Shift+Mausrad

Zusätzlich ein Emoji & Icon-Picker mit bunten Emojis und ca. 47 monochromen Lucide-Icons — einfärbbar, skalierbar, drehbar.

Jedes gezeichnete Objekt kann mit einem Zeitfenster versehen werden (von/bis) — es erscheint und verschwindet dann zur passenden Zeit in der Animation.

Weitere nützliche Funktionen

• D-Taste über der Karte — startet eine Distanzmessung zwischen zwei Klicks. Ein zweiter Druck fixiert die Distanz. S im fixierten Zustand öffnet den Umkreis-Dialog mit genau dieser Distanz
• Doppelklick auf Marker (außerhalb Edit-Modi) — öffnet das Info-Popup mit Titel, Adresse, Umkreis-Info, Zeitpunkten, einem 🧭 Street-View-Link und einem ✎ Editieren-Link
• Undo/Redo — per ↶/↷-Leiste unten rechts auf der Karte oder Strg+Z/Y

Time-Shift-Slider

Elemente mit Bewegungspfad zeigen unter dem Knoten einen Time-Shift-Slider — Mittelstellung 0, Bereich ±24 Stunden, Schritt 1 Minute. Damit können Sie alle Zeitpunkte eines Elements gemeinsam verschieben, um zu prüfen: „Was wäre, wenn die Bewegung 10 Minuten früher stattgefunden hätte?"

Im ⋯-Menü neben dem Slider finden Sie:

• Freeze — den aktuellen Zeitversatz dauerhaft auf die Zeitpunkte schreiben
• Timeframe: Ist → Soll — hebt auf der Karte den Streckenabschnitt zwischen aktueller Animationsposition und Position+Shift hervor
• Timeframe: ±Shift — symmetrisches Fenster um die Cursorposition

Mehr dazu in Kapitel 16.