So fügen Sie Google Maps zu einer Turbosite-Website hinzu

Google Maps ist der weltweite Standard für Kartendienste. Es eignet sich hervorragend für Websites mit internationalem Publikum oder für die Tourismusbranche. Der einfachste Weg ist die Einbettung der Karte über ein iframe direkt aus der Google Maps-Oberfläche, ganz ohne API-Schlüssel. Kostenlos. Die Einrichtung dauert 5 Minuten.

Was Sie benötigen

• Ein Google-Konto (für das einfache iframe nicht zwingend erforderlich) — Registrierung
• Eine veröffentlichte Website auf Turbosite
• 5 Minuten Zeit

Schritt 1. Den Kartencode abrufen

1. Öffnen Sie google.com/maps.
2. Suchen Sie die gewünschte Adresse oder das Unternehmen über die Suche.
3. Klicken Sie auf der Ortskarte auf die Schaltfläche «Teilen» (Symbol mit dem Pfeil).
4. Wählen Sie im sich öffnenden Fenster den Reiter «Karte einbetten» (Embed a map).
5. Wählen Sie die Kartengröße: klein, mittel, groß oder benutzerdefiniert.
6. Kopieren Sie den generierten iframe-Code.

📷 Screenshot: Fenster «Karte einbetten» in Google Maps mit iframe-Code und Größenoptionen.

Schritt 2. Den Code in Turbosite einfügen

Die Karte erscheint an einer bestimmten Stelle der Seite (normalerweise im Block «Kontakte»), daher wird der Code in den Seiteninhalt eingefügt.

1. Öffnen Sie Ihre Website in Turbosite.
2. Fügen Sie den Block «HTML-Code» an der gewünschten Stelle auf der Seite hinzu.
3. Fügen Sie den kopierten Google Maps iframe-Code ein.
4. Speichern Sie die Änderungen.
5. Veröffentlichen Sie die Website.

📷 [Screenshot Turbosite – wird hinzugefügt: Block HTML-Code im Seiteninhalt mit Google-Karte].

Schritt 3. Überprüfen, ob die Karte funktioniert

1. Öffnen Sie die veröffentlichte Website.
2. Scrollen Sie zum Kartenblock – sie sollte nach 1–2 Sekunden geladen sein.
3. Testen Sie die Interaktivität: Klicken Sie auf die Markierung, versuchen Sie hineinzuzoomen oder die Ortskarte zu lesen.
4. Öffnen Sie die Seite auf einem Mobilgerät – die Karte sollte sich anpassen.

Häufig gestellte Fragen

Die Karte wird auf Mobilgeräten abgeschnitten oder ist nicht bildschirmfüllend. Entfernen Sie im iframe die festen Werte width="600" und height="450" und umschließen Sie das iframe mit einem <div> mit einer CSS-Klasse für die Anpassungsfähigkeit:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="ihr_src" 
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
          frameborder="0" allowfullscreen>
  </iframe>
</div>

Wird ein API-Schlüssel benötigt? Für das einfache iframe aus dem «Teilen»-Menü: Nein. Ein API-Schlüssel ist nur erforderlich, wenn Sie die Google Maps Embed API direkt oder die JavaScript API zur Anpassung (eigene Markierungen, Routen, Stile) verwenden.

Kann ich meine eigene Markierung oder Route hinzufügen? Über das iframe nur das, was in Google Maps vorhanden ist. Für eigene Markierungen erstellen Sie eine Karte in Google My Maps und rufen Sie das iframe von dort ab.

Tarife der Google Maps Platform. Seit 2025 hat die Google Maps Platform ihre Preisgestaltung geändert: Anstelle eines allgemeinen kostenlosen Guthabens gibt es nun separate monatliche Limits für jedes Produkt. Das einfache Embed-iframe funktioniert weiterhin kostenlos und ohne Einschränkungen. Wenn Sie die JavaScript API verwenden, überprüfen Sie die Limits in der Cloud Console.

Die Karte ist auf Russisch, ich möchte sie auf Englisch. Google erkennt die Sprache automatisch anhand der Browsereinstellungen. Um die Sprache festzulegen, fügen Sie dem iframe-URL den Parameter &hl=en (oder einen anderen Sprachcode) hinzu.

Weiterführende Informationen

• Google Maps Platform Documentation — offizielle Dokumentation
• Google My Maps — Erstellung eigener Karten mit Markierungen
• Preise der Google Maps Platform — aktuelle Tarife