Ich betreue jede Menge WordPress-Seiten, und irgendwann kommt fast immer dieselbe Frage: „Kannst du hier noch eine Karte einbauen? Und eine Wegbeschreibung wäre super.“ Der Reflex ist Google Maps – bis man merkt, was da alles dranhängt: Du benötigst ein eigenes Google-Konto, musst einen eigenen API-Key anlegen und ein Abrechnungskonto hinterlegen. Je nach Nutzung können dabei laufende Kosten entstehen. Hinzu kommen Datentransfers in die USA und in der Regel ein Consent-Banner. Für eine simple Anfahrtskarte ist das erstaunlich viel Ballast.
Den passenden Routenplaner hatte ich für ein Kundenprojekt sowieso schon gebaut – auf Basis von OpenStreetMap, ganz ohne Google. Der war viel zu gut, um ihn dort liegen zu lassen. Also habe ich ihn herausgelöst, sauber verallgemeinert und zu einem richtigen WordPress-Plugin gemacht: Routen Planer 4U, kurz RP4U.
🗺️ Karten direkt in WordPress – ohne API-Kosten
Die Grundlage ist OpenStreetMap statt Google: kein Konto, kein API-Key, keine Nutzungsgebühren – egal, wie oft deine Karte aufgerufen wird. Karten legst du im Karten-Manager im Backend an – Mittelpunkt, Marker, Zoom und Höhe einstellen, fertig – und bindest sie per Shortcode auf jeder Seite ein. Eine reine Anfahrtskarte lädt dabei komplett ohne einen einzigen API-Aufruf.
đźš— Routenplanung, die wirklich weiterhilft
Wenn es mehr sein soll als ein Kartenausschnitt, rechnet RP4U echte Routen:
- 🚗 Auto, Fahrrad oder zu Fuß – wahlweise die schnellste oder die kürzeste Strecke, mit Schritt-für-Schritt-Wegbeschreibung.
- ⌨️ Adress-Autocomplete – beim Tippen kommen passende Adressvorschläge, kein Rätselraten bei der Schreibweise.
- 📍 Bis zu 10 Zwischenziele – per Drag & Drop sortierbar, wenn die Route mehrere Stopps hat.
- 🖱️ Karten-Picker – Start und Ziel auch einfach per Klick auf die Karte setzen, der Ortsname kommt automatisch dazu.
🛡️ Datenschutz – ehrlich betrachtet
Kein Karten-Plugin kommt ganz ohne externe Anfragen aus – aber RP4U reduziert sie auf das Minimum. Die Adress-Suche und die Routenberechnung laufen nicht direkt aus dem Browser deiner Besucher zu den Anbietern, sondern über einen Datenschutz-Proxy auf dem 4uWeb-Server. Die Routing-Dienste sehen dadurch nur unsere Server-IP, nie deinen Besucher – und der API-Key steckt sicher auf dem Server, nicht im Browser.
Übrig bleibt als einziger direkter Dritt-Aufruf das Laden der Kartenkacheln von OpenStreetMap (gemeinnützig, ohne Werbe-Tracking). Keine CDNs, keine Google Fonts – alles ist lokal gebündelt. Und wer ganz sauber sein will, legt die Karte per Klick hinter die Cookie-Zustimmung – zusammen mit meinem Cookie Consent Tool 4U passt das nahtlos zusammen.
📱 QR-Code & GPX – aufs Handy und nach draußen
Ist die Route berechnet, kann der Besucher sie direkt mitnehmen: als QR-Code aufs Handy scannen (startet gleich die Navigation) oder als GPX-Datei herunterladen – für Outdoor-Apps, Fahrrad-Computer oder das Navi.
🎨 Fügt sich ein – und bleibt schlank
Primär- und Sekundärfarbe stellst du per Farbwähler ein, damit sich der Routenplaner ins Theme einfügt statt aufzufallen. Und unter der Haube bleibt es leicht: alle Bibliotheken lokal gebündelt, keine CDNs, und die Skripte laden nur auf Seiten, die auch wirklich eine Karte anzeigen.
đź’¶ Was kostet’s?
Jede Lizenz enthält den vollen Funktionsumfang – du wählst nur, auf wie vielen Websites RP4U laufen soll:
- BASIC – 29 €/Jahr für 1 Website
- PRO – 79 €/Jahr für 5 Websites
- AGENCY – 199 €/Jahr für 25 Websites
Der Routing-Proxy ist bei allen inklusive – du brauchst also keinen eigenen API-Key. Und wer erst einmal reinschnuppern will: eine kostenlose Free-Version (mit eigenem OpenRouteService-Key) ist gerade für WordPress.org in Vorbereitung.
Fazit
Aus einem Baustein für ein einzelnes Kundenprojekt ist ein kleines, aber vollständiges Plugin geworden: interaktive Karten und richtige Routenplanung in WordPress, datenschutzfreundlich by Design und ohne die Google-Maps-Fallen aus Kosten, Konto und Consent. Genau das Werkzeug, das ich auf meinen eigenen Projekten immer wieder brauche. 🚀
Neugierig? Probier die Live-Demo aus, schau dir alle Funktionen auf der Produktseite an oder blättere durch die Dokumentation.
Und wenn du Fragen hast oder Hilfe beim Einrichten brauchst: melde dich gerne – einfach Kontakt aufnehmen.