Wie füge ich eine Karte in Divi ohne Google API ein?

Nutze OpenStreetMap statt Google Maps: Füge ein Code-Modul in Divi ein und bette eine OpenStreetMap-Karte per iframe ein. Das ist kostenlos und erfordert keinen API-Schlüssel.

Divi Karte einfügen ohne Google API | kostenfrei

Marius Marzian • 25. September 2020 • 3 Min. Lesezeit

Bildschirmfoto 2020 09 25 Um 12.28.30 1024x717 2

SEO-Experte

Marius Marzian

OIT GmbH

Profil ansehen

Wenn du eine Karte in Divi einbinden möchtest, musst du nicht zwingend einen Google Maps API-Schlüssel verwenden. Mit OpenStreetMap und dem richtigen Embed-Code geht das komplett kostenlos und ohne API-Key.

Methode 1: OpenStreetMap via iFrame (einfachste Lösung)

Rufe openstreetmap.org auf und suche deinen gewünschten Standort
Klicke oben rechts auf das Teilen-Symbol (▷)
Aktiviere die Option „HTML“ und kopiere den iFrame-Code
Füge in Divi ein „Code-Modul“ (Custom HTML) ein
Füge den iFrame-Code ein und passe Breite/Höhe nach Wunsch an

Methode 2: Google Maps einbetten (ohne API Key)

Für einfache Einbettungen ohne erweiterte Funktionen benötigst du keinen API-Schlüssel:

Suche deinen Standort auf Google Maps
Klicke auf „Teilen“ → „Karte einbetten“
Kopiere den iFrame-Code und füge ihn in ein Divi Code-Modul ein

Methode 3: Divi Maps-Modul mit OpenStreetMap

Das native Divi Maps-Modul erfordert einen Google API-Key. Als Alternative nutze das kostenlose Plugin „Leaflet Maps Marker“ oder „WP Maps“, die beide OpenStreetMap unterstützen und eigene Divi-kompatible Shortcodes liefern.

Datenschutz-Tipp

OpenStreetMap sendet keine Nutzerdaten an Google. Für DSGVO-konformes Einbetten empfiehlt sich außerdem ein Cookie-Consent-Tool, das die Karte erst nach Zustimmung des Nutzers lädt.

Alternativen und Tipps zur kostenlosen Karte

OpenStreetMap via Leaflet

Leaflet.js ist eine leichtgewichtige Open-Source-Bibliothek für interaktive Karten auf Basis von OpenStreetMap – völlig kostenlos, DSGVO-konform und ohne API-Key. Ideal für einfache Standortkarten.

Google Maps einbetten (kostenlos)

Über Google Maps → Teilen → Karte einbetten erhältst du einen kostenlosen iFrame-Code. Dieser ist für die reine Anzeige auf Websites ohne API-Key nutzbar – gut für Kontaktseiten.

DSGVO-Hinweis nicht vergessen

Jede Karteneinbindung, die externe Server kontaktiert, benötigt eine Einwilligung. Nutze Borlabs Cookie oder ein vergleichbares Consent-Tool, um die Karte erst nach Opt-in zu laden.