Divi Karte einfügen ohne Google API | kostenfrei

Experte

Marius Marzian

Datum 25. September 2020

Kategorie WordPress & SEO

Inhalt

Methode 1: OpenStreetMap via iFrame (einfachste Lösung)
Methode 2: Google Maps einbetten (ohne API Key)
Methode 3: Divi Maps-Modul mit OpenStreetMap
Datenschutz-Tipp

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.

🔧

OIT Leistung