Mit dem Karten-Element von Sitejet kannst du auf deiner Website Google Maps Kartenausschnitte anzeigen und einen oder mehrere Marker auf diesen Ausschnitten setzen.
Kartenausschnitt hinzufügen
Um einen Kartenausschnitt auf deiner Website einzubinden, gehe wie folgt vor:
- Gehe zu Elemente auf dem Content Panel links
- Klicke auf "Elemente"
- Suche dir das Element "Karte" aus.
- Ziehe das Element an die Stelle, wo du die Karte in deiner Website haben möchtest
- 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 in deinen Website Details eingetragen hast.
- Auf der linken Seite werden dir nun die Einstellungsmöglichkeiten des Karten-Elements angezeigt. Was du hier festlegen kannst, wird dir im folgenden Video erklärt.
Einstellungen anpassen - Video
Dieses Video wurde in der alten UI aufgenommen. Wir werden das Video bald updaten
Weitere Optionen mit dem Google Maps API-Schlüssel
Mit der Eingabe eines Google Maps API-Schlüssels in den Website-Einstellungen stehen dir weitere Optionen zum Anpassen der Karte zur Verfügung. So kannst du z. B. den Stil (verschiedene Farbschemata) oder die Art der Karte (Satellit, Standard-Straßenkarte und andere) anpassen. Außerdem besteht die Möglichkeit, mehr als eine Markierung hinzuzufügen.
Um deinen Google Maps-API-Schlüssel zu finden, folge diesen Anweisungen von Google. Um den Google Maps API-Schlüssel im Website Builder (CMS) hinzuzufügen, gehst du wie folgt vor:
- Gehe zum Menüpunkt "Mehr" im Menü oben rechts.
- Klicke auf SEO. Es öffnet sich recht ein neues Panel.
- Dort findest du unter "SEO/Meta" weitere Einstellungen.
- Trage bitte unter "Google API Key" den entsprechenden Key ein.
- Speichere das Projekt.
- Im linken Bereich "Karte bearbeiten" kannst du nun unter "Kartenoptionen" den "Typ" und "Stil" anpassen.
Für den "Typ" stehen vier Optionen zur Verfügung: "Straßenkarte" (Standard), "Satellitenansicht", "Satellitenansicht mit Straßen" und "Geländekarte". Diese "Typen" sind alle in unterschiedlichem Maße mit den Optionen "Style" kompatibel, so dass Sie das Aussehen ändern können. Einzige Ausnahme ist die "Satellitenansicht" ohne Straßenkennzeichnung.
Fehler vermeiden
Um Fehler zu vermeiden, stelle bitte folgende Punkte sicher:
- Trage bitte unter "SEO" deinen Google Maps API Key ein
- Achte darauf, dass der eingegebene Key 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. die Google
- Lösche deinen Browsercache
Werde ein Teil unserer Community!
Tausche dich mit anderen Webdesignern über aktuelle Entwicklungen, Tipps und Tricks aus und präsentiere deine Lieblingsseiten. Hole dir Feedback und sprich mit uns über Funktionen, die du dir für Sitejet wünschst. Hier gelangst du direkt zur Sitejetters Community.
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.