Wie man ein Karten-Element hinzufügt

Mit dem Karten-Element im Website Editor kannst du auf deiner Website Karten von Google Maps und deinen Standort mit einem oder mehreren Markern anzeigen. 

Eine Karte hinzufügen

Um eine Karte auf deiner Website einzubinden, öffne die Elemente-Kategorie in der linken Content Sidebar und ziehe das Karte-Elemente an die gewünschte Stelle in der Website.

Jetzt siehst du die Karte in deiner Website. Auf der linken Seite öffnet sich nun ein Panel, mit dem du die Grundfunktionen einstellen kannst. Standardmäßig ist der Marker auf der Adresse, die du unter Daten eingetragen hast. 

In den Einstellungen kannst du bspw. die Höhe festlegen und entscheiden, ob die Zoom-Steuerung und der Maßstab sichtbar sein sollen. 

Du kannst weitere Einstellungen freischalten, wenn du einen Google Maps API-Schlüssel hinterlegst. 

Weitere Optionen mit dem Google Maps API-Schlüssel

Mit der Eingabe eines Google Maps API-Schlüssels unter Mehr > SEO stehen dir weitere Optionen zum Anpassen der Karte zur Verfügung. So kannst du z. B. den Stil (verschiedene Farben) oder die Art der Karte (bspw. Satellit, Standard-Straßenkarte) anpassen. Außerdem besteht die Möglichkeit, weitere Marker hinzuzufügen und ein eigenes Icon für die Marker hochzuladen. 

Um deinen Google Maps-API-Schlüssel in deinem Google-Konto zu finden, folge diesen Anweisungen von Google. Sobald du ihn kopiert hast, kannst du ihn unter Mehr > SEO im Google Maps API-Schlüssel Eingabefeld hinterlegen. 

Sobald du den Google Maps-API-Schlüssel hinzugefügt und die Seite gespeichert hast, siehst du, dass weitere Einstellungen freigeschaltet wurden: 

• Typ: Du kannst zwischen unterschiedlichen Arten von Karten wählen, z.B. einer Straßenkarte, Satellitenbild oder einer Terrainkarte. 
• Style: Du hast unterschiedliche Möglichkeiten, die Karte einzufärben oder die Beschreibungen von der Karte zu entfernen. 
• Neuer Marker: Du hast die Möglichkeit mehrere Marker zu setzen und diese anzupassen, bspw. in dem du ein eigenes Icon oder Bild für die Marker hochlädst. 

Fehler vermeiden

Um Fehler zu vermeiden, stelle bitte folgende Punkte sicher:

• Trage bitte unter Mehr > SEO deinen Google Maps API-Schlüssel ein
• Achte darauf, dass der eingegebene API-Schlüssel auch tatsächlich korrekt ist - "Kopieren und Einfügen" ist hierbei meist die sicherste Methode
• Hinterlege bei Google gültige Bezahlinformationen
• Wenn der Standort nicht korrekt angezeigt wird, überprüfe die Adresse und nutze ggf. Google 
• Lösche deinen Browsercache