Bedienungsanleitung v1.0

🚀 Erste Schritte

1. Die Datei Tourendeddy-Routeneditor.html per Doppelklick im Browser öffnen (Chrome oder Firefox empfohlen)
2. Über den Button 📂 GPX / GDB öffnen eine oder mehrere GPX-Dateien laden – oder einfach per Drag & Drop auf die Karte ziehen
3. Tracks, Wegpunkte und Routen erscheinen automatisch in der linken Sidebar und auf der Karte
4. Auf einen Eintrag in der Sidebar klicken → Details und Statistiken werden unten angezeigt

🖥 Oberfläche

Die Oberfläche besteht aus vier Bereichen:

Toolbar-Übersicht

Kartentypen

📂 Dateien laden

Unterstützte Formate

Laden per Drag & Drop

GPX oder KML Dateien einfach auf die Kartenfläche ziehen. Mehrere Dateien gleichzeitig möglich.

〰 Tracks

Tracks sind aufgezeichnete GPS-Spuren von Garmin-Geräten oder Smartphone-Apps. Sie werden als durchgezogene Linie auf der Karte dargestellt.

Track anklicken

1. Track in der Sidebar oder direkt auf der Karte anklicken
2. Track wird dicker hervorgehoben, Karte zoomt automatisch darauf
3. Rechtes Panel öffnet sich: Name und Farbe bearbeiten
4. Unten erscheinen alle Statistiken und Grafiken

Track-Aktionen (Rechtsklick in Sidebar)

Tracks sortieren

Oberhalb der Track-Liste befindet sich eine Sortierleiste mit vier Optionen:

Alle Tracks ein-/ausblenden

Im Tracks-Tab → 👁 Alle Button rechts oben → blendet alle Tracks auf einmal aus (🙈) oder ein (👁).

Track → Route (mit Modus-Auswahl)

Rechtsklick auf Track → 🔄 Als Route speichern – öffnet den Umwandlungs-Dialog:

📍 Wegpunkte

Wegpunkte sind einzelne markierte Orte – z.B. Parkplätze, Hütten, Aussichtspunkte.

Wegpunkt hinzufügen

Es gibt drei Wege:

• Toolbar → 📍 Wegpunkt anklicken, dann Formular ausfüllen
• Rechtsklick auf die Karte → Wegpunkt-Dialog öffnet sich mit den Koordinaten
• Aus einer GPX-Datei importieren

Wegpunkt-Symbole

Im Eigenschaften-Panel kann das Symbol gewählt werden – es wird direkt auf der Karte angezeigt:

📍 🏔 ⛺ 🅿 🏠 ⚠️ 💧 🍽 🏥

Wegpunkt auf der Karte verschieben

Wegpunkte können direkt auf der Karte an eine neue Position gezogen werden:

1. Wegpunkt-Symbol auf der Karte anklicken und gedrückt halten
2. An die neue Position ziehen – die Koordinaten im Eigenschaften-Panel aktualisieren sich live
3. Loslassen – die neue Position wird automatisch gespeichert

Wegpunkt zu Route hinzufügen

Wenn eine Route ausgewählt ist, kann ein vorhandener Wegpunkt über das rechte Panel als Start, Ziel oder Zwischenstopp eingefügt werden.

🗺 Routen

Routen sind geplante Strecken mit Ankerpunkten (Stützpunkten). Sie werden als gestrichelte Linie auf der Karte angezeigt.

Route manuell zeichnen

1. Toolbar → ✏️ Route zeichnen anklicken
2. Auf die Karte klicken um Punkte zu setzen – eine Vorschaulinie wird live gezeichnet
3. ↩ Rückgängig macht den letzten Punkt rückgängig
4. ✓ Fertig abschließen → Namenseingabe → Route wird gespeichert

Route bearbeiten – Gummiband (wie Google Maps)

Die einfachste Art eine Route zu ändern:

1. Route in der Sidebar anklicken → wird ausgewählt
2. Direkt auf die gestrichelte Linie klicken und sofort ziehen
3. Die Linie folgt dem Mauszeiger live als Gummiband
4. Loslassen → Route wird automatisch neu berechnet

Ankerpunkte verschieben

1. Route anklicken → ● Start, ● Ziel und farbige Zwischenpunkte erscheinen
2. Beliebigen Ankerpunkt ziehen → Route wird nach dem Loslassen neu berechnet

Ankerpunkt rechtsklick

↩ Rückgängig (Undo)

Im rechten Eigenschaften-Panel → ↩ Rückgängig (Strg+Z) – macht die letzte Änderung an der Route rückgängig. Bis zu 20 Schritte möglich. Zeigt an wie viele Schritte noch verfügbar sind.

⇄ Route umkehren

Im rechten Panel → ⇄ Umkehren – dreht die Fahrtrichtung der Route um. Start und Ziel werden getauscht, Richtungspfeile aktualisieren sich sofort. Auch für Tracks verfügbar.

Richtungspfeile

Alle Tracks und Routen zeigen automatisch Pfeile entlang der Linie die die Fahrtrichtung anzeigen. Die Abstände passen sich beim Rein-/Rauszoomen automatisch an.

Routen sortieren

Oberhalb der Routen-Liste gibt es eine Sortierleiste: Reihenfolge, Name, Distanz, Punkte. Zweiter Klick dreht die Richtung um (↑/↓).

Alle Routen ein-/ausblenden

Im Routen-Tab → 👁 Alle Button rechts oben → blendet alle Routen auf einmal aus (🙈) oder ein (👁).

🧭 Routing

Das Routing-Panel berechnet automatisch die beste Route zwischen Start, Ziel und optionalen Zwischenstopps.

Routing-Panel öffnen

Toolbar → 🧭 Routing – das Panel öffnet sich zentriert als Dialog.

Routing-Profile

Fahrrad-Einstellungen

Bei Profil 🚴 Fahrrad öffnet sich ein Zusatz-Panel:

Individuelles Profil ⚙️

Erlaubt die genaue Einstellung welche Straßentypen genutzt werden dürfen:

Routing-Stil: ⚡ Schnell / 📏 Direkt / 〰 Kurvenreich

Straßentypen: 🛣 Autobahn, 🚦 Bundesstraße, 🏙 Stadtstraße, 🛤 Nebenstraße, 🪨 Unbefestigt, ⛴ Fähre, 🌿 Saisonal, 🪙 Mautstraßen

Zwischenstopps

Im Routing-Panel → ＋ Zwischenstopp – fügt einen Via-Punkt hinzu. Ort per Texteingabe suchen oder 📍 auf der Karte wählen. Mehrere Zwischenstopps möglich.

🔄 Rundkurs planen

Im Routing-Panel → 🔄 Rundkurs – öffnet den Rundkurs-Dialog:

1. Startpunkt festlegen (Texteingabe oder 📍 Karte)
2. Ziel-Länge wählen: 📏 Distanz in km oder ⏱ Dauer in Stunden
3. Routing-Profil und Hauptrichtung wählen (Nord/Ost/Süd/West/Beliebig)
4. 🔄 Rundkurs berechnen → Route erscheint auf der Karte
5. Mit 💾 Als Route speichern sichern

Route aus Wegpunkten (WP→Route)

Toolbar → 📍→🗺 WP→Route – erstellt eine Route durch ausgewählte Wegpunkte:

1. Wegpunkte per Checkbox auswählen
2. Reihenfolge mit ▲ ▼ Buttons anpassen
3. Routing-Profil wählen (oder Gerade Linien)
4. Route erstellen

Route aus mehreren Tracks (Tracks→Route)

Mehrere Tracks zu einer gemeinsamen Route zusammenfassen:

1. Erstellen-Menü → 〰→🗺 Tracks → Route
2. Tracks auswählen (Checkbox) und Reihenfolge mit ▲▼ festlegen
3. Modus wählen: 📍 Track 1:1 (exakt) oder 🧭 Mit Routing (Lücken automatisch verbinden)
4. Route erstellen → wird sofort auf der Karte angezeigt

Dropdown-Menüs in der Toolbar

Die Toolbar ist in drei übersichtliche Menüs aufgeteilt:

Routing-Profil nachträglich ändern

Route anklicken → rechtes Panel → Routing-Profil Dropdown ändern → Route wird sofort neu berechnet.

📊 Statistiken

Nach dem Anklicken eines Tracks werden alle verfügbaren Statistiken im Tab 🔢 Statistiken angezeigt.

Statistikleiste vergrößern

Am oberen Rand der Statistikleiste befindet sich ein grauer Ziehbalken. Diesen nach oben ziehen um mehr Platz für Grafiken und Tabellen zu erhalten.

📈 Grafiken

Nach dem Anklicken eines Tracks stehen vier Grafiken zur Auswahl:

📌 Trackpunkte

Im Tab 📌 Trackpunkte werden alle GPS-Punkte des ausgewählten Tracks tabellarisch angezeigt.

Punkt auf Karte anzeigen

Auf eine Tabellenzeile klicken → die Karte zoomt zum Punkt und ein schwarzer Marker erscheint mit Popup (Zeit, Höhe, Koordinaten).

Tabelle sortieren

Alle Spaltenköpfe sind klickbar und sortieren die Tabelle:

Punkt löschen

Mit der Maus über eine Zeile fahren → ✕ erscheint rechts → klicken um den Punkt zu löschen. Alle Statistiken und Grafiken aktualisieren sich sofort.

🔍 Ortssuche

Das Suchfeld oben rechts in der Toolbar ermöglicht die schnelle Navigation zu einem Ort.

1. Ort, Stadt, Straße oder Sehenswürdigkeit in das Feld eingeben
2. Nach kurzer Pause erscheinen automatisch Vorschläge
3. Vorschlag anklicken → Karte springt sofort zum Ort
4. Ein roter Pin markiert den gesuchten Ort für 8 Sekunden

💾 Automatisches Speichern

Der Routeneditor speichert alle Daten automatisch im Browser-Speicher (localStorage). Nach einem Refresh oder dem nächsten Öffnen der HTML-Datei sind alle Tracks, Routen und Wegpunkte sofort wieder da.

Speicher-Indikator

In der Toolbar zeigt das 💾 Symbol mit Uhrzeit wann zuletzt gespeichert wurde. Nach jeder Änderung wird automatisch nach 1,5 Sekunden gesichert.

Gespeicherte Daten löschen

Auf das 💾-Symbol in der Toolbar klicken → Bestätigung → Browser-Speicher wird geleert. Die Karte bleibt offen, aber nach dem nächsten Refresh startet der Editor leer.

🛠 Werkzeuge

🔍 Zoom-Box

Schnell in einen bestimmten Bereich der Karte reinzoomen:

1. Ansicht-Menü → 🔍 Zoom-Box anklicken (oder Shift gedrückt halten)
2. Bereich auf der Karte aufziehen
3. Loslassen → Karte zoomt sofort in den markierten Bereich

📥 Karten offline speichern

Kartenausschnitte für die Nutzung ohne Internet vorher herunterladen:

1. Gewünschte Region aufrufen und in den richtigen Zoom zoomen
2. Ansicht-Menü → 📥 Karten offline speichern
3. Zoom-Stufen wählen (+2 empfohlen) – der Dialog zeigt Anzahl Kacheln und MB
4. 📥 Jetzt speichern → Fortschrittsbalken zeigt den Download

🗑 Neu (Alles zurücksetzen)

Toolbar → 🗑 Neu → nach Bestätigung wird alles gelöscht:

• Alle Tracks, Routen und Wegpunkte von der Karte entfernt
• Browser-Speicher (Autosave) geleert
• Karte startet komplett leer

Sidebar & Statistikleiste aus-/einblenden

Die Panels können mit einem Klick komplett ausgeblendet werden für mehr Kartenfläche:

⬇ GPX Export

Alles exportieren

Toolbar → ⬇ GPX Export – alle Tracks, Wegpunkte und Routen werden in eine GPX-Datei exportiert.

Einzelnen Eintrag exportieren

Rechtsklick auf einen Track/Route/Wegpunkt in der Sidebar → GPX exportieren – nur dieser Eintrag wird exportiert.

💡 Tipps & Tricks

Datenspeicherung

Tourendeddy Routeneditor  ·  Erstellt mit ❤️ für Motorradtouren und Outdoor-Abenteuer