devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Website-Check

Google Maps Embed Generator — responsive Karte ohne API-Schlüssel

Zeige dein Büro, deinen Laden oder dein Event auf einer Google Maps-Karte, ohne dich für einen API-Schlüssel anzumelden. Gib eine Adresse, einen Ortsnamen oder Koordinaten ein, stelle Zoom, Karten- oder Satellitenansicht und Sprache ein und kopiere eine responsive Einbettung, die erst beim Scrollen lädt. Außerdem bekommst du fertige Links „Route abrufen“ und „In Google Maps öffnen“ für Buttons.

Aktualisiert am

Koordinaten funktionieren auch, z. B. 40.7484, -73.9857.

Vorschau

Einbettungscode


    
Links für Buttons

    
In Webflow fügst du ein Embed-Element hinzu (oder unter Site-Einstellungen → Custom Code) und fügst den Code ein; in WordPress nutzt du einen Block Benutzerdefiniertes HTML.

  

  


    
 Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

    
    
    

      
So nutzt du: Google Maps Einbettungs-Generator
  1. Gib eine Adresse, einen Firmennamen oder Koordinaten ein.
  2. Stelle den Zoom ein (15 für eine Straße, 11 für eine Stadt), den Kartentyp und die Sprache der Beschriftungen.
  3. Wähle Höhe und Eckenradius; lass das verzögerte Laden aktiviert, damit die Karte die Seite nicht ausbremst.
  4. Kopiere den Einbettungscode sowie den Routen- oder „In Maps öffnen“-Link für einen Button.


Kein API-Schlüssel nötig


Die Einbettung nutzt die öffentliche Embed-URL von Google Maps mit deiner Suche, dem Zoom, dem Kartentyp und der Sprache. Dadurch funktioniert sie ohne Google-Cloud-Konto und ohne Abrechnung. Für eigenes Styling, mehrere Markierungen oder die JavaScript-API brauchst du allerdings einen Schlüssel. Für eine „So findest du uns“-Karte reicht aber genau das hier.


Links, die die Maps-App öffnen


Die Links für Route und Suche verwenden die offiziellen Maps-URLs von Google (google.com/maps/dir/?api=1 und /search/?api=1). Auf dem Handy öffnen sie die Google-Maps-App, am Desktop Maps im Browser.


Die Karte ist responsive eingebunden: Sie füllt die Breite ihres Containers in der Höhe, die du wählst. loading="lazy" verzögert das Laden, bis Besucher in die Nähe der Karte scrollen, und hält die Seite so schnell. Passend dazu: Video-Einbettungscode-Generator und Schema-Generator (LocalBusiness-Markup mit deiner Adresse).
Auch gesucht als: google maps einbetten, google maps embed code, google maps iframe generator, responsive google maps einbetten, google maps einbettungscode, karte einbetten ohne api key, google maps routen link.
Passende Tools zu: Google Maps Einbettungs-Generator
  • QR-Code-Generator — Erstelle einen QR-Code für einen Link, WLAN-Zugangsdaten, eine Visitenkarte, eine E-Mail-Adresse, eine Telefonnummer oder eine SMS.
  • Mailto-Link-Generator — Erstelle einen E-Mail-Link, der das Mail-Programm des Besuchers mit allen Angaben öffnet: Empfänger, CC und BCC, Betreff und mehrzeiliger Text.
  • HTML & CSS zu Webflow — Füge HTML und das passende CSS ein, klicke auf Copy to Webflow und füge im Designer ein.
  • Seitengeschwindigkeits-Test — Starte Google Lighthouse für jede URL, mobil oder am Desktop.
Häufige Fragen
Wie binde ich eine Google Maps Karte ohne API-Schlüssel ein?
Gib die Adresse hier ein und kopiere das iframe. Es nutzt die öffentliche Embed-URL von Google, für die kein Schlüssel nötig ist. Füge es in ein Embed-Element in Webflow oder in einen Block „Benutzerdefiniertes HTML“ in WordPress ein.
Wie mache ich eine Google Maps Karte responsive?
Gib dem iframe width: 100% und eine feste Höhe (der Code setzt beides). Dann füllt es auf jeder Bildschirmgröße seinen Container.
Wie verlinke ich auf die Route in Google Maps?
Nutze den Routen-Link aus dem Kasten „Links für Buttons“. Er öffnet Google Maps mit deiner Adresse als Ziel, in der Handy-App oder auf der Website.
Kann ich mehrere Standorte auf einer Karte zeigen?
Mit einer einfachen Einbettung nicht. Dafür brauchst du die Maps JavaScript API mit Schlüssel oder eine gespeicherte Karte aus Meine Karten, die einen eigenen Einbettungscode hat.
Kann ich Google Maps Einbettungs-Generator als Web-App installieren und offline nutzen?
Ja. Google Maps Einbettungs-Generator ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

      
    

    
    
Ähnliche Tools
localVideo-Embed-Code GeneratorFüge einen Video-Link von YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive oder…localSchema-Markup-GeneratorWähle einen Schematyp aus, fülle das Formular aus und kopiere den JSON-LD-Code, der direkt eingefügt…localQR-Code-GeneratorErstelle einen QR-Code für einen Link, WLAN-Zugangsdaten, eine Visitenkarte, eine E-Mail-Adresse, eine…localMailto-Link-GeneratorErstelle einen E-Mail-Link, der das Mail-Programm des Besuchers mit allen Angaben öffnet: Empfänger, CC…localHTML & CSS zu WebflowFüge HTML und das passende CSS ein, klicke auf Copy to Webflow und füge im Designer ein. Du bekommst echte…apiSeitengeschwindigkeits-TestStarte Google Lighthouse für jede URL, mobil oder am Desktop. Sieh Performance-, Barrierefreiheits-,…