Warum nicht einfach Google Maps einbetten?
Die meisten WordPress-Seiten zeigen ihren Standort mit einem Google-Maps-iframe. Das funktioniert – aber es sieht auf jeder Seite gleich aus, du kannst es nicht gestalten, ohne API-Key und Abrechnungskonto passt nicht mehr als ein Ort darauf, und es schickt die Daten deiner Besucher an Google, bevor sie irgendetwas zugestimmt haben. Nach der DSGVO heißt das meist: ein Cookie-Banner vor deiner Karte.
Map Studio ist ein Karten-Plugin für WordPress, das es genau andersherum macht – eine echte Alternative zu Google Maps. Die Karten sind moderne Vektorkarten auf Basis von OpenStreetMap: scharf auf jedem Bildschirm, flüssig beim Zoomen und Neigen und ganz nach deinen Vorstellungen gestaltbar. Es gibt keinen API-Key, kein Konto und kein Nutzungslimit für normale Websites. Und weil du entscheidest, was wann lädt, kann die Karte ohne Consent-Banner erscheinen – nach einem Klick oder, mit Pro, komplett von deinem eigenen Server.
Deine erste Karte in fünf Minuten
- Installiere Map Studio unter Plugins → Neues Plugin hinzufügen und aktiviere es.
- Öffne Map Studio → Neue Karte. Das Vollbild-Studio geht auf – starte leer oder mit einer Vorlage: Filialfinder, Liefergebiet, Wanderroute oder Event-Lageplan.
- Füg Orte hinzu: Adresse oder Unternehmen suchen, in die Karte klicken oder eine Tabelle importieren.
- Wähl einen Look: einen Kartenstil, deine Markenfarbe, Pins.
- Bau sie ein: den Block „Map Studio“ auf einer Seite einfügen, das Elementor-Widget nutzen oder den Shortcode einsetzen.
Jede Änderung wird sofort gespeichert. Änderst du die Karte einmal, ändert sie sich überall, wo sie verwendet wird.
Das Studio: gestalten statt Formulare ausfüllen
Die meisten Karten-Plugins sind lange Einstellungsseiten mit einer kleinen Vorschau. Map Studio ist ein Vollbild-Editor, gemacht für Karten – näher an einer Design-App als an einem Formular. Die Karte füllt den Bildschirm; links deine Orte und Formen, rechts der Look der Karte oder dessen, was du ausgewählt hast, unten die Werkzeuge.
Jedes Menü zeigt seine Optionen so, wie sie aussehen werden: Kartenstile als kleine Kacheln deiner eigenen Karte, echte Pins, eine Formatauswahl mit den Formen nebeneinander. Die Panels sind jeweils eine Seite zum Durchscrollen, in Abschnitten, die du selbst anordnen kannst, und du ziehst sie auf die Größe, die dir passt.
- Rückgängig und Wiederholen für alles, mit Strg+Z und Strg+Y.
- Tastenkürzel: V zum Verschieben, O für einen Ort, B für eine Fläche, R für eine Route, Strg+K zum Suchen.
- Mehrere Orte auswählen per Rahmen und gemeinsam ändern – Symbol, Farbe, Kategorien, Öffnungszeiten.
- Vorschau so, wie Besucher sie sehen, auf Computer, Tablet und Handy.
Orte, Pins und Popups
Ein Ort kann alles sein, was Leute finden sollen: ein Laden, ein Büro, eine Sehenswürdigkeit, ein Parkplatz. Such ihn mit Vorschlägen schon beim Tippen, klick ihn auf der Karte an – oder klick einen der Bahnhöfe, Läden und Cafés der Karte selbst an, und Map Studio übernimmt ihn mit passendem Symbol und seiner Art als Kategorie.
Pins
66 Symbole in Gruppen mit Suche, oder ein Foto. Als Tropfen, Kreis, Quadrat oder nur das Symbol, in drei Größen oder in jeder beliebigen – für die ganze Karte oder pro Ort, in jeder Farbe. Wichtige Orte können größer sein und bleiben aus den Gruppen-Blasen heraus.
Popups
Jeder Ort hat ein Popup mit seinem Symbol, formatiertem Text, mehreren Fotos zum Durchwischen, einem Knopf zu deiner Seite und „Route planen“ zu Google Maps, Apple Maps oder OpenStreetMap. Es öffnet sich beim Klick, beim Darüberfahren oder ist immer offen, in der Breite, auf die du es ziehst.
Öffnungszeiten
Trag die Zeiten einmal ein, und Popup und Liste sagen „Geöffnet · bis 18:00“ oder „Geschlossen · öffnet morgen 09:00“ – in der Zeitzone deiner Website, also stimmt es, egal wo die Besucher gerade sind.
Ein Filialfinder ohne Store-Locator-Plugin
Schalte die Ortsliste ein, und deine Karte wird zum Store Locator: Die Liste sitzt neben oder unter der Karte, mit Kategoriefilter, Suche, „Jetzt geöffnet“ und einem Knopf „In meiner Nähe“, der nach Entfernung sortiert. Viele Orte? Nahe Pins werden zu einer Blase mit ihrer Anzahl.
Importiere deine Standorte aus Excel oder CSV – Adressen werden automatisch gefunden –, aus Google My Maps (KML) oder aus GeoJSON. Die Vorlage „Filialfinder“ richtet alles mit einem Klick ein.
Flächen und Routen
Zeichne ein Liefergebiet, einen Stadtteil oder einen Spazierweg direkt auf der Karte, Punkt für Punkt, und verschieb die Punkte später. Flächen zeigen ihre Größe und können ihren Namen in der Mitte tragen; Routen zeigen ihre Länge, Start und Ziel.
Mit einem kostenlosen openrouteservice-Key planst du Routen auch entlang echter Straßen und Wege – mit dem Auto, mit dem Rad oder zu Fuß – von Adresse zu Adresse, mit Halten, die du verschiebst. Jede Form hat ihre eigene Füll- und Umrissfarbe, Deckkraft, Linienstärke und Linienart: durchgezogen, gestrichelt oder gepunktet.
Stile, Farbe, 3D und Licht
Sieben Kartenstile: Hell (ruhig, deine Pins stechen heraus), Nacht, Bunt (reich an Details), Klar, Fjord, Relief mit schattierten Hügeln und echten 3D-Bergen – und In deiner Farbe, das die ganze Karte aus deiner Markenfarbe neu einfärbt. Pins, Flächen und Knöpfe folgen der Farbe, die du wählst.
Neig die Karte, und 3D-Gebäude wachsen in die Höhe, bis weit in die Ferne. Das Licht kann Tag, Morgen, Abend oder Nacht sein – oder „Live“, mit der Sonne, wie sie gerade an deinem Ort steht. Besucher mit dunklem System-Design können automatisch den Nachtstil bekommen.
Auf deinen Seiten: Block, Elementor, Divi, Shortcode
Einmal gemacht, überall nutzbar. Im Block-Editor fügst du den Block „Map Studio“ ein und wählst deine Karte. In Elementor gibt es ein Widget „Map Studio“, das die Karte live zeigt. Überall sonst – Divi, Widgets, klassische Themes – setzt du den Shortcode ein, zum Beispiel [devenzi_map id="12"].
Die Karte nimmt die Breite ihres Platzes auf der Seite ein und behält das gewählte Format – flach, normal oder hoch – auf jedem Bildschirm.
Datenschutz und DSGVO
Wird eine Karte angezeigt, lädt der Browser der Besucher die Kartenkacheln normalerweise von OpenFreeMap, wobei die IP-Adresse übertragen wird. Map Studio gibt dir drei Wege, damit umzugehen:
- Erst nach Klick laden: Nichts wird geladen, bis die Besucher auf „Karte laden“ klicken – mit deinem eigenen Hinweistext.
- Dein Consent-Tool: Lass die Karte, wie sie ist, und überlass sie deinem Cookie-Banner.
- Eigene Kartendaten (Pro): Die Kartendaten kommen von deinem eigenen Server, nichts wird von fremden Servern geladen – keine Einwilligung für die Karte nötig.
Die Datenschutzseite im Backend erklärt in klaren Worten, was wann von wo geladen wird, und gibt dir einen fertigen Text für deine Datenschutzerklärung. Keine Rechtsberatung.
Geschwindigkeit
Die Kartenbibliothek wird nur auf Seiten geladen, die eine Karte haben – und erst, wenn die Karte ins Bild scrollt. Seiten ohne Karte laden überhaupt nichts von Map Studio. Vektorkarten sind klein und bleiben bei jedem Zoom scharf.
Map Studio Pro im Detail
Story-Maps
Deine Orte werden zu Kapiteln einer Geschichte. Während Besucher scrollen, fliegt die Karte von einem zum nächsten, mit der Kamera, die du für jedes festlegst – Zoom, Neigung und Blickrichtung –, und Routen zeichnen sich von selbst.
Route abfahren und Präsentationen
Eine Route bekommt einen Knopf „Route abfahren“: Die Kamera folgt ihr wie eine Drohne, langsam, normal oder schnell. Füg Halte hinzu, und es wird eine Präsentation – jeder Halt mit Titel, Text, Foto, einer Ansage auf dem Weg dorthin und eigener Ansicht; weitere Infokarten nacheinander, während die Kamera stehen bleibt.
GPX mit Höhenprofil
Importiere Wanderungen, Radtouren und Läufe aus GPX-Dateien. Die Höhen kommen mit, und ein Höhenprofil unter der Karte zeigt Anstiege und Abstieg.
Street-View-Figur
Auf der Karte sitzt eine kleine Figur. Zieh sie auf eine Straße, und du schaust dich in 360° um – klick auf die Straße, um weiterzugehen, mit kleiner Karte und Kompass. Deine Orte, Routen und Flächen erscheinen im Panorama. Nutzt Straßenfotos von Mapillary (kostenloser Key) oder Google Street View mit deinem eigenen Key.
Satellit, Hybrid und die Orte der Karte selbst
Luftbilder mit oder ohne Beschriftung (mit deinem eigenen Esri-Key) sowie Öffnungszeiten, Telefon und Website der Läden und Cafés der Karte selbst, wenn Besucher sie anklicken.
„Wie komme ich hin?“
Besucher planen ihren Weg zu einem Ort direkt auf deiner Karte, und Popups zeigen die Linien und Haltestellen in der Nähe.
Eigene Kartendaten
Lade die Karte deiner Region auf deine Website: auf einer Karte einrahmen, Detailgrad wählen, fertig. Regionen werden farbig angezeigt, überlappende Teile werden nicht doppelt geladen, und ein Gebiet lässt sich später vergrößern.
Die Karte oben auf dieser Seite funktioniert genau so: Sie lädt ihre Berliner Kartendaten, Schriften und Symbole allein von devenzi.com.
Wer Map Studio wofür nutzt
- Läden, Cafés und Ketten: Filialfinder mit Öffnungszeiten, Filter und „In meiner Nähe“.
- Restaurants und Lieferdienste: Lieferzonen mit ihrer Größe, Kurierrouten.
- Hotels, Tourismus und Stadtführer: Story-Maps, Präsentationen, die Street-View-Figur.
- Outdoor, Sport und Events: GPX-Routen mit Höhenprofil, Lagepläne.
- Immobilien: das Objekt mit Schulen, Läden und Haltestellen drumherum.
- Agenturen: Karten in der Markenfarbe jedes Kunden, in Minuten gemacht, ohne API-Keys verwalten zu müssen.