Sie wollen möglichst einfach eine Google Maps Karte einbinden? Diese Lösung arbeitet mit einem einfachen HTML-Code aus dem Divi Builder und ermöglicht es, auf das Verfahren zur Beschaffung eines API-Schlüssels zu verzichten.
1. Gehen Sie zu Google Maps
Sie sollten dann den genauen Ort finden, den Sie auf Ihrer Website teilen möchten, und hineinzoomen, bis Sie den Ort auf der Karte deutlich sehen können.
2. „Teilen“-Button
Klicken Sie oben links auf Ihrem Bildschirm auf die Menüschaltfläche „Teilen“, um die Option anzuzeigen, und klicken Sie dann auf die Option „Karte einbetten“.
3. Fenster „Teilen“.
Daraufhin öffnet sich ein Fenster, in dem Sie zwei Registerkarten mit den Namen „Link senden“ und „Karte einbetten“ sehen. Wählen Sie den Reiter „Karte einbetten“ und dort finden Sie einen HTML-Code.
Kopieren Sie diesen HTML-Code, indem Sie auf „HTML-INHALT KOPIEREN“ klicken:
Hier ist, was dieser Code darstellt, der je nach Standort von Google Maps variiert:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
4. Rufen Sie Ihre Website auf
Gehen Sie nun zu Ihrer Website, auf der Sie die Karte anzeigen möchten. Sie müssen Ihren HTML-Code in das CODE-Modul von Divi Builder einfügen (Inhalt > Text). Bestätigen. Die Karte wird dann auf Ihrer Seite angezeigt:
5. Anpassen der Kartengröße
Sie können die Größe der Karte einfach ändern, indem Sie die Werte “Breite” und “Höhe” manuell ändern, die in dem gerade erhaltenen HTML-Code enthalten sind.
Weitere Tipps gibt es hier .
