Routen Planer 4U – Dokumentation

Karten anlegen, einbetten und Routen planen – Schritt für Schritt.

Überblick: So arbeiten die Bausteine zusammen

Routen Planer 4U bringt interaktive OpenStreetMap-Karten mit Routenplanung in WordPress – die datenschutzfreundliche Alternative zu Google Maps. Drei Bausteine greifen ineinander:

Karten-Manager – hier legst du im Backend beliebig viele Karten an (Mittelpunkt, Zoom, Höhe, optional Start/Ziel).
Shortcode – jede Karte hat eine ID und wird per [routenplaner4u id="…"] in Seiten, Beiträge oder Widgets eingebunden.
Routing im Frontend – hat die Karte ein Routing-Formular, planen deine Besucher Routen (Auto, Fahrrad, zu Fuß) mit Wegbeschreibung, Zwischenzielen und Export.

Tipp: Für eine reine Karte (ohne Routenplanung) brauchst du keinen API-Key. Erst das Routing (Adresssuche + Streckenberechnung) benötigt entweder die Premium-Version oder einen eigenen OpenRouteService-Key – siehe Betriebsmodi.

1. Karten anlegen (Karten-Manager)

Im WordPress-Backend findest du den Menüpunkt Karten-Manager. Über Neu hinzufügen legst du eine Karte an. Wichtig ist die Karten-Konfiguration (Meta-Box rechts/unten):

Mittelpunkt, Zoom und Höhe

Mittelpunkt: Adresse eintippen (mit Adress-Autocomplete) – oder unten Koordinaten setzen. Sind Koordinaten gesetzt, haben sie Vorrang; sonst wird die Adresse beim Laden geokodiert.
Auf Karte wählen: Der Button (Karten-Pin) klappt eine Karte auf – ein Klick setzt Koordinaten und Adresse automatisch. Ist im Feld schon eine Adresse hinterlegt, zoomt die Karte direkt dorthin.
Zoom: 1 zeigt die ganze Welt, 19 die Straßenebene. Leer = automatisch.
Höhe: Höhe der Karte in Pixeln (z. B. 400).

Start und Ziel (optional, für Routing)

Trägst du Start und/oder Ziel ein, erscheint auf der Karte ein Routing-Formular. Beide Felder sind optional:

Nur Ziel (z. B. dein Standort): ideal für „So findest du uns" – der Besucher trägt nur seinen Startpunkt ein.
Start und Ziel vorbelegt: als fertige Beispielroute.
Beide leer: der Besucher gibt alles selbst ein.

Editierbar oder gesperrt?

Zwei Checkboxen steuern, ob der Besucher ein vorbelegtes Feld ändern darf:

„Besucher darf den Start ändern" – standardmäßig an.
„Besucher darf das Ziel ändern" – standardmäßig aus (festes Ziel).

Wichtig: Gesperrt wird nur ein vorbelegtes Feld. Ein leer gelassenes Feld bleibt immer frei eintippbar. So kannst du z. B. einen vorbelegten, aber änderbaren Start anbieten und ein festes Ziel.

2. Karte einbinden (Shortcode)

Jede gespeicherte Karte hat eine ID (in der Karten-Übersicht sichtbar). Binde sie so ein:

[routenplaner4u id="5"]

Der Shortcode funktioniert in Seiten, Beiträgen und (Shortcode-fähigen) Widgets. Du kannst mehrere Karten auf einer Seite einbinden – jede läuft unabhängig.

Tipp: Reine Karten (ohne Start/Ziel) laden ganz ohne API-Aufruf – nur die OpenStreetMap-Kacheln werden geladen. Perfekt als schlanke, DSGVO-freundliche Karten-Einbettung.

3. Routenplanung im Frontend

Hat die Karte ein Routing-Formular, stehen deinen Besuchern diese Funktionen zur Verfügung:

Adressen eingeben

Adress-Autocomplete: Beim Tippen erscheinen Vorschläge; ein Klick übernimmt die Adresse samt Koordinaten.
Auf Karte wählen: Der Button neben Start/Ziel/Zwischenziel aktiviert den Auswahlmodus (Fadenkreuz-Cursor) – der nächste Klick auf die Karte setzt den Punkt und die Adresse (per Reverse-Geocoding). Alternativ ein Rechtsklick auf die Karte („Als Start / Als Ziel / Als Zwischenziel").

Verkehrsmittel & Vorliebe

Auto, Fahrrad oder zu Fuß
Empfohlen, schnellste oder kürzeste Strecke

Wegbeschreibung

Nach „Route berechnen" erscheint die Gesamtstrecke und -dauer neben dem Button sowie darunter die Schritt-für-Schritt-Wegbeschreibung.

Zwischenziele

Bis zu 10 Stopps pro Route über „+ Zwischenziel".
Per Drag & Drop (Griff-Symbol) umsortierbar – die Route berechnet sich in der neuen Reihenfolge.

4. Route teilen & exportieren

Route aufs Handy (QR-Code): Ein QR-Code, den der Besucher mit dem Handy scannt – die Navigation startet direkt in der Karten-App (Google Maps / Apple Maps).
GPX-Export: Die berechnete Route als GPX-Datei für Outdoor-Apps und Navigationsgeräte.
Bei reinen Ziel-Karten („So findest du uns") bietet die Karte „Navigation hierher" an – ohne Startadresse nutzt das Handy den eigenen Standort.

5. Betriebsmodi & API-Key

Unter Routenplaner 4U → Einstellungen siehst du den aktiven Modus. RP4U wählt ihn automatisch:

Premium (Proxy): Routing und Adresssuche laufen über den 4uWeb-Server – kein API-Key nötig, keine Schlüssel im Browser. Aktiv, sobald die Premium-Version (Lizenz) installiert ist.
Eigener OpenRouteService-Key: Trägst du einen eigenen ORS-Key ein, laufen Routing und Adressvorschläge direkt über api.openrouteservice.org (Free-Kontingent des eigenen Accounts, ca. 2.500 Anfragen/Tag).
Nur Karten: Ohne Lizenz und ohne Key werden Karten mit Marker angezeigt, das Routing-Formular bleibt ausgeblendet.

Hinweis zum eigenen Key: Im Modus „eigener Key" ist der Schlüssel im Quelltext der Seite sichtbar – das ist bei diesem Verfahren technisch bedingt und bei Karten-Plugins üblich. Wer das vermeiden will, nutzt die Premium-Version mit Server-Proxy.

6. Datenschutz (DSGVO)

Kein Karten-Plugin kommt ganz ohne externe Anfragen aus – RP4U reduziert sie auf das Minimum:

Die OpenStreetMap-Kartenkacheln sind der einzige Dritt-Request beim Anzeigen einer Karte.
Im Premium-Modus laufen Adressen und Routen über den 4uWeb-Server – die Routing-Dienste sehen nur die Server-IP, nie deinen Besucher. Kein API-Key im Browser.
Alle Bibliotheken (Leaflet u. a.) sind lokal gebündelt – keine CDNs, keine Google Fonts.

Tipp: Für eine saubere Cookie-/Consent-Lösung lässt sich die Karte hinter eine Zustimmung legen – ideal in Kombination mit Cookie Consent Tool 4U.

7. Farben anpassen

In den Einstellungen legst du Primär- und Sekundärfarbe per Farbwähler fest. Buttons, Pins und Akzente übernehmen sie automatisch, sodass sich der Routenplaner nahtlos in dein Theme einfügt. Leer = die eingebaute Standardfarbe.

8. Lizenz & Websites

Jede Lizenz enthält den vollen Funktionsumfang – du wählst nur die Anzahl der Websites:

BASIC – 1 Website
PRO – 5 Websites
AGENCY – 25 Websites

Nach dem Kauf erhältst du einen Lizenzschlüssel. Diesen trägst du im Plugin unter Karten-Manager → Lizenz ein und aktivierst ihn – danach läuft das Routing über den 4uWeb-Server (Premium-Modus), ganz ohne eigenen API-Key.

Zu den Preisen & Lizenzen »

Häufige Fragen

Brauche ich einen Google-Account oder API-Key?

Nein. RP4U nutzt OpenStreetMap. Für reine Karten brauchst du gar nichts; für Routing entweder die Premium-Version (Server-Proxy) oder einen kostenlosen OpenRouteService-Key.

Warum sehe ich kein Routing-Formular?

Das Formular erscheint nur, wenn die Karte einen Start und/oder ein Ziel hat und ein Routing-Modus aktiv ist (Premium oder eigener Key). Im Modus „Nur Karten" bleibt es ausgeblendet.

Kann ich mehrere Karten auf einer Seite haben?

Ja. Jeder Shortcode mit eigener ID rendert eine unabhängige Karte.

Wie mache ich ein festes Ziel (Anfahrt)?

Trage nur das Ziel ein und lasse „Besucher darf das Ziel ändern" ausgeschaltet. Der Besucher gibt dann nur seinen Start ein.