1 Voraussetzungen
Du brauchst
- einen aktuellen Browser (Chrome/Edge empfohlen)
- einen Mapbox Access Token (beginnt mit
pk...) - optional: Google Takeout Standortverlauf (JSON) oder geplante Route
Wichtige Hinweise
- Export: WebM (VP9). Für MP4 später z.B. HandBrake nutzen.
- Performance: große Strecken + hoher Zoom = mehr Render-Last.
- Alles läuft lokal im Browser; Kartendaten kommen von Mapbox.
2 Start: Token, Karte, Check
- Datei öffnen:
RouteReel.htmllokal per Doppelklick im Browser öffnen. - Token einfügen: oben in das Token-Feld deinen Mapbox Token eintragen.
- CHECK klicken: die Karte initialisiert sich sofort, wenn alles passt.
Typische Fehlerquelle:
Wenn die Karte nach CHECK nicht reagiert, ist meist der Token ungültig oder durch Referrer/Domain eingeschränkt.
3 ROUTE: Fahrt als 2D/3D-Video
A) Datei laden (Google Takeout JSON)
- Tab ROUTE → DATEI LADEN
- JSON auswählen
- Zeitraum einstellen:
- Startzeit
- Endzeit
Danach erscheint die Route als Linie, und die Karte zoomt auf den Bereich.
Dauer & Zoom
- Dauer: 30s / 1 Min / 5 Min / 20 Min / Echtzeit
- Zoom: Nah / Mittel / Fern / Weit / Welt
2D Stil
Wähle den Stil für die 2D-Aufnahme (z.B. Light, Dark, Straßen, Satellit).
B) Route planen (ohne Datei)
- Tab ROUTE → ROUTE PLANEN
- Auf die Karte klicken: Startpunkt → Zielpunkt (optional Zwischenpunkte)
- BERECHNEN (Mapbox Directions API)
C) Info im Film: Uhrzeit / Fahrzeit / km
Unter INFO IM FILM kannst du per Häkchen auswählen, was angezeigt wird:
- Uhrzeit
- Fahrzeit (Tour-Zeit, nicht Videolänge)
- km seit Start
Die Werte laufen schnell, bleiben aber gut lesbar (typisch ~2 Updates/Sek.).
D) Aufnahme starten
REC 3D
- 3D-Look (Pitch/Bearing)
- Satellit/3D-Ansicht
- ideal für „cinematische“ Shots
REC 2D
- Top-down (Pitch 0°)
- stabil für Streckenfilme
- ideal für lange Fahrten
Während der Aufnahme:
UI blendet aus, REC-Punkt erscheint, Info-Box wird in den Film eingebrannt.
Am Ende startet automatisch ein Download (WebM).
4 ZOOM: Kamerafahrt mit Keyframes
Der Zoom-Modus ist für „Map-Cinematics“: Du definierst Kamerastände (Position, Zoom, Bearing, Pitch), und RouteReel fährt sie als Video ab.
Keyframes setzen
- Tab ZOOM öffnen
- Die Karte in die gewünschte Ansicht bringen:
- Position (Center)
- Zoom
- optional: Bearing (drehen) und Pitch (kippen)
- Buttons:
- START: setzt Keyframe 1
- + PUNKT: fügt Zwischen-Keyframe ein (max. 10)
- ZIEL: setzt letzten Keyframe
Keyframe-Liste
In der Liste kannst du:
- GO (zur Ansicht springen)
- ▲ / ▼ (umsortieren)
- ✖ (löschen)
Dauer & Ease
- DAUER (s): Gesamtlänge der Kamerafahrt
- EASE: Smooth oder Linear
Wichtig: Für lange Distanzen wirken 4–7 Keyframes oft deutlich besser als nur Start/Ziel,
weil Bewegung und Zoom gleichmäßiger verteilt werden können.
Vorschau & Aufnahme
- VORSCHAU: spielt die Kamerafahrt ohne Aufzeichnung
- REC FILM: zeichnet die Kamerafahrt als WebM auf
5 HEAT: Heatmap-Video
- Tab HEAT öffnen
- Daten laden (nutzt die geladenen Punkte aus dem Datei-Modus)
- Radius und Intensität einstellen
- Modus wählen:
- Orbit (Kamera dreht)
- Statisch
- REC Heatmap starten
6 Marker mit Text
Im ZOOM-Tab kannst du Marker setzen, die beim Zoomen sinnvoll mitskalieren.
- MARKER SETZEN aktivieren
- in die Karte klicken
- Text eingeben
Mit MARKER LÖSCHEN entfernst du die Marker wieder.
7 Export & Weiterverarbeitung
Format: WebM (VP9). Sehr gute Qualität, aber manchmal nicht „out of the box“ in allen Programmen.
WebM → MP4 (empfohlen)
- HandBrake öffnen
- WebM reinziehen
- Preset z.B. „Fast 1080p30“ wählen
- als MP4 exportieren
8 Tipps für schöne Ergebnisse
- Weit/Welt: lieber längere Dauer → ruhigeres Bild.
- 2D für Streckenfilme, 3D für Show-Shots.
- Keyframes: bei großen Distanzen 4–7 Punkte statt nur 2.
- Bei langen Zooms wirkt es natürlich, wenn am Anfang die Kamera „weiter“ ist und am Ende „näher“.
Mini-Checkliste vor REC:
Token OK
Route sichtbar
Dauer gesetzt
Zoom gewählt
Info-Häkchen gesetzt