// tool · google-maps einbetten

Maps-Generator.

Erzeuge den fertigen HTML-Code, um eine Google-Maps-Karte auf deiner Website einzubinden — ganz ohne API-Key und ohne hinterlegtes Payment. Optional mit einer DSGVO-konformen Zwei-Klick-Lösung: Die Karte lädt erst, wenn der Besucher aktiv zustimmt — vorher wird keine Verbindung zu Google aufgebaut. Adresse eingeben, Code kopieren, einbinden.

Hinweis zur Kartendarstellung: Dieses Tool setzt den Kartendienst Google Maps ein, um Standorte zu visualisieren. Durch das Laden der Karte wird in diesem Browser eine direkte Verbindung zu den Servern von Google aufgebaut und Daten (z. B. deine IP-Adresse) an Google in den USA übertragen. Dies erfordert deine ausdrückliche Zustimmung. Weitere Informationen und Widerrufsmöglichkeiten findest du in unserer Datenschutzerklärung.

Karte laden und Datenübertragung akzeptieren

~/siteway/tools $ maps-generator bereit

// standort (adresse oder koordinaten)

// standortname / firma (optional — wird nur angezeigt, wenn google den ort kennt, hilfreich bei mehreren firmen in der gleichen adresse)

// ansicht

// zoom 15

// breite (px oder %)

// höhe (px)

// sprache

// ecken-radius (px)

breite & höhe gelten für die eingebettete karte (im code). die vorschau zeigt die karte immer in voller breite (100%) — so bleibt sie gut sichtbar.

// vorschau

// standort eingeben …

// einbettungs-code

// hinweis: durch das einbetten der karte stimmst du den nutzungsbedingungen von google zu.

// so funktioniert's

Google bietet weiterhin die kostenlose iframe-Einbettung für Karten — ganz ohne API-Key und ohne hinterlegtes Payment. Dieses Tool baut daraus den fertigen Einbettungs-Code aus deiner Adresse:

Standort — Adresse oder Koordinaten; Google setzt automatisch eine Markierung.
Ansicht, Zoom, Größe — Kartentyp (Straße, Satellit, Hybrid, Gelände), Zoomstufe und Maße.
Zwei-Klick-Lösung — der entscheidende Teil fürs Datenschutzrecht.

Eine direkt eingebundene Google-Karte baut beim Seitenaufruf sofort eine Verbindung zu Google auf und überträgt u. a. die IP-Adresse in die USA — das ist nach DSGVO/TDDDG einwilligungspflichtig. Die Zwei-Klick-Lösung löst das: Statt der Karte erscheint zunächst nur ein Hinweis mit Zustimmungs-Checkbox. Erst wenn der Besucher aktiv zustimmt, wird die Karte nachgeladen. Vorher fließt kein einziges Byte an Google. Der erzeugte Code ist self-contained (kein externes Skript) und lässt sich überall einfügen.

Brauchst du eine echte interaktive Karten-Anwendung mit Routing, eigenen Markern oder Filtern? Sprich uns an — solche Maps bauen wir regelmäßig auf API-Basis.

// hintergrund

Google Maps in die Website einbinden — kostenlos und ohne API-Key

Google Maps ist der meistgenutzte Kartendienst der Welt — und für viele Websites die naheliegende Art, einen Standort zu zeigen. Ob Anfahrtsskizze auf der Kontaktseite, der Firmensitz im Footer oder das Ladenlokal auf der Startseite: Eine eingebettete Karte beantwortet die Frage „Wo finde ich euch?" sofort und visuell. Dieser Google-Maps-Generator erzeugt dir den passenden HTML-Code dafür — du gibst Adresse (und optional den Firmennamen) ein, wählst Ansicht, Zoom und Größe und kopierst den fertigen Code auf deine Seite.

Das Beste daran: Diese Einbettung nutzt die kostenlose iframe-Variante von Google Maps (das „Teilen → Karte einbetten"-Feature) und kommt ohne API-Key und ohne hinterlegtes Payment aus. Anders als bei der kostenpflichtigen Google Maps Platform musst du also kein Google-Cloud-Konto anlegen und keine Zahlungsdaten hinterlegen. Praktischer Bonus für deine Besucher: Die eingebettete Karte ist mit der Google-Routenplanung verknüpft — ein Klick, und die Navigation zu deinem Standort startet, am Desktop wie am Smartphone.

Google Maps und Datenschutz: Warum die Zwei-Klick-Lösung wichtig ist

Eine direkt eingebundene Google-Maps-Karte hat einen Haken: Sie baut bereits beim Aufruf deiner Seite eine Verbindung zu Google auf und überträgt dabei personenbezogene Daten wie die IP-Adresse in die USA. Nach DSGVO und TDDDG ist das in aller Regel einwilligungspflichtig — ohne wirksame Zustimmung riskierst du eine Abmahnung. Genau dafür bietet dieser Generator die Zwei-Klick-Lösung: Statt der Karte erscheint zunächst nur ein Hinweis mit Zustimmungs-Checkbox. Erst wenn deine Besucherin aktiv zustimmt, wird Google Maps nachgeladen — vorher fließt kein Byte an Google. So bleibst du auf der sicheren Seite und bindest Google Maps trotzdem komfortabel ein.

So bindest du eine Google-Maps-Karte ein

Standort eingeben — Adresse oder Koordinaten, optional den Firmennamen als Beschriftung.
Karte anpassen — Ansicht (Straße, Satellit, Hybrid, Gelände), Zoom, Breite, Höhe und Eckenradius.
Datenschutz wählen — Zwei-Klick-Lösung aktivieren (empfohlen) und den Hinweistext mit deiner Datenschutzerklärung verknüpfen.
Code kopieren & einfügen — den erzeugten HTML-Code an die gewünschte Stelle im Quelltext deiner Seite setzen. Fertig.

Mehr als eine einfache Karte? Interaktive Maps mit der Google Maps Platform

Der kostenlose iframe reicht für die klassische Standort-Karte. Sobald es komplexer wird, kommt die Google Maps Platform (mit API-Key) ins Spiel — etwa für mehrere Standorte mit einer durchsuchbaren Filiale-Suche, eigene Marker im Corporate Design, interaktive Routing-Oberflächen, Geocoding oder Heatmaps. Solche Karten-Anwendungen bauen wir bei siteway regelmäßig für Kunden — sauber an die API angebunden, performant und DSGVO-bewusst.

Du willst eine eingebettete Google-Maps-Karte, die mehr kann als „ein Pin auf einer Adresse"? Sprich uns an — wir beraten dich zur passenden Lösung und übernehmen Konzept, Umsetzung und Einbindung.

// Karte eingebunden — Website auch?

DSGVO-konforme Websites, sauber umgesetzt von siteway.

Projekt anfragen

// weitere tools von siteway

Domain-Check

Prüft in Sekunden, welche Domain-Endungen für deinen Wunschnamen noch frei sind.

Domain-Check öffnen

PageSpeed-Check

Crawlt die ganze Website und testet jede Seite auf Ladezeit, Web-Vitals und SEO.

PageSpeed-Check öffnen

PageRank-Check

Sichtbarkeitsindex, indexierte Keywords und Google-Position deiner Domain.