Map of coordinates right with text, square
Eine quadratische Karte (gemäß den Koordinaten, die Sie angeben) auf der rechten Seite mit Kontaktinformationen auf der linken Seite.
Item-ID: 06-010
Beispielansicht Anleitung Verhalten Google API Key
Beispielansicht
This is a map element designed for location coordinates and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address.
Stadtpark Fürth
90762 Fürth
Anleitung
Karten-Element anlegen
- Klicken Sie auf den Button Inhalt, um ein Karten-Element zu erstellen.
- Im Reiter Map Elements wählen Sie Map of coordinates right with text, square.
Koordinaten einfügen
- Geben Sie im Reiter Enter Location in den Feldern Latitude und Longitude die Breiten- sowie Längengrade der darzustellenden Ortschaft/Adresse in Form von Dezimalgraden (zum Beispiel: 12.34567) ohne Einheitszeichen für Grad ein.
Text einfügen
- Geben Sie Ihren Text ins Textfeld ein.
- Sollten Sie den Text aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
- Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden.
Social-Media-Buttons hinzufügen
- Im Reiter Social Media haben Sie die Möglichkeit, für diverse Social-Media-Kanäle Verlinkungen zu erstellen.
- Fügen Sie für das jeweilige Medium den Direktlink zum gewünschten Profil ein.
Element Design für mehr Individualität
In diesem Element können Sie zudem das Erscheinungsbild ganz leicht mit dem Element Design mit einem Klick ändern. Mit der Auswahl von Standard Design, Primary Design, Secondary Design oder Umgekehrtes Design wechseln Sie Hintergrundfarbe des Elements und ggfs. die Hintergrundfarbe der Headline oder Pfeile bzw. des Textbereichs entsprechend der in den Theme-Settings definierten Farbe.
- Mit Klick auf das Element Design im Reiter Allgemein / General erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe.
- Wählen Sie aus den Optionen Standard, Primary, Secondary sowie Umgekehrt die gewünschte Option aus.
- Speichern Sie die Änderungen im Element, damit sie sichtbar werden.
Verhalten
Eine quadratische Karte mittels Koordinaten auf der rechten Seite mit Kontaktinformationen auf der linken Seite gibt die von Ihnen gewählten Koordinaten in einer Google-Map mit festem quadratischen Seitenverhältnis wieder.
Responsive: Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Karten die zuvor nebenstehenden Kontaktdaten/Informationen unter der Karte an. Unabhängig von der ursprünglichen Ausrichtung wird dadurch die Darstellung einheitlicher Karten auf kleinen Endgeräten gewährleistet.
Besonderheiten:
- Die Nutzung dieses Elements bietet sich für die Darstellung von Orten an, die nicht mittels Adresse darstellbar sind und so, zum Beispiel, nur fußläufig zu erreichen sind. Für dieses Element steht Ihnen eine editierbare Textfläche zur Verfügung, in der Sie Kontakt-/Adressdaten und/oder andere Informationen frei eingeben können.
- Für die korrekte Darstellung einer Adresse benötigen Sie einen Google API Key der Google Cloud Platform. Erläuterungen dazu finden Sie hier.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.