Google Maps bearbeiten
Mit dem Google Maps-Block kannst du eine interaktive Karte in deine Website einbetten. Dies ist besonders nützlich für Kontaktseiten, Standortangaben oder zur Darstellung von Geschäftsadressen. Der Block ermöglicht es deinen Besuchern, direkt auf der Website mit der Karte zu interagieren, ohne die Seite verlassen zu müssen.
Voraussetzungen
- Du befindest dich im Website-Editor
- Ein Google Maps-Block ist auf deiner Seite eingefügt
- Du hast eine Google Maps Embed-URL zur Verfügung
- Du hast die Berechtigung, Website-Inhalte zu bearbeiten
Aufbau der Bearbeitungsseite
Die Bearbeitungsseite ist in zwei Hauptbereiche unterteilt:
Allgemein
Hier findest du die grundlegenden Layout-Einstellungen:
- Volle Breite verwenden: Schalter für die Nutzung der gesamten Bildschirmbreite
- Animation: Auswahlfeld für Einblend-Animationen
Karte
Hier konfigurierst du den Inhalt und die Darstellung der Karte:
- Überschrift: Titel für den Karten-Bereich
- Beschreibung: Zusätzlicher Text zur Karte
- Google Maps Embed-URL: Die URL zum Einbetten der Karte
- Höhe (px): Höhe der Karte in Pixeln
So arbeitest du mit dieser Seite
Layout-Einstellungen anpassen
- Aktiviere Volle Breite verwenden, wenn die Karte die gesamte Bildschirmbreite nutzen soll
- Wähle eine Animation aus der Auswahlliste:
- Verschiedene Einblend-Effekte verfügbar
- "Keine Animation" für sofortige Anzeige
- Animation wird ausgelöst, wenn der Besucher zur Karte scrollt
Karten-Inhalt bearbeiten
- Gib eine aussagekräftige Überschrift ein (z.B. "Unser Standort" oder "So findest du uns")
- Verfasse eine Beschreibung mit zusätzlichen Informationen:
- Adresse des Standorts
- Öffnungszeiten
- Anfahrtsbeschreibung
- Parkmöglichkeiten
- Stelle die Höhe (px) der Karte ein:
- Empfohlene Werte: 300-500 Pixel
- Größere Werte für detailliertere Kartenansicht
- Kleinere Werte für kompakte Darstellung
Google Maps Embed-URL einrichten
- Öffne Google Maps in deinem Browser
- Suche nach deinem gewünschten Standort
- Klicke auf "Teilen" und dann auf "Karte einbetten"
- Kopiere die bereitgestellte URL
- Füge die URL in das Feld Google Maps Embed-URL ein
Beispiel einer Embed-URL:
https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2428.4089...
Tipps und Hinweise
- Vollständige URL verwenden: Stelle sicher, dass du die komplette Embed-URL von Google Maps verwendest
- Datenschutz beachten: Informiere deine Besucher über die Einbindung von Google Maps in deiner Datenschutzerklärung
- Angemessene Höhe: Wähle eine Kartenhöhe, die genügend Details zeigt, aber nicht zu viel Platz einnimmt
- Mobile Optimierung: Die Karte passt sich automatisch an mobile Geräte an
- Zusätzliche Informationen: Nutze die Beschreibung für wichtige Details wie Öffnungszeiten oder Anfahrtswege
- Barrierefreiheit: Ergänze die Karte immer mit einer Textadresse für Nutzer von Screenreadern
- Ladezeiten: Google Maps kann die Ladezeit deiner Seite beeinflussen
Häufige Probleme
- Karte wird nicht angezeigt: Überprüfe, ob die Embed-URL korrekt und vollständig ist
- Falsche Position: Stelle sicher, dass du die richtige Adresse in Google Maps gesucht hast
- Zu kleine Darstellung: Erhöhe die Höhe in Pixeln für eine bessere Sichtbarkeit