TYPO3

Maps2 Kartenansicht

Nutzen Sie das Inhaltselement Maps2, um einen oder mehrere Standorte mittels Markierung übersichtlich auf einer interaktiven Karte darzustellen.

 

Zu den Designvariationen für Maps2

Ortsmarkierung anlegen und Karte einbinden

Der erste Schritt zur Kartenansicht ist eine Maps2-Markierung. Diese Ortsmarkierung wird einmalig als Datensatz auf einer verborgenen Unterseite der Zielseite angelegt und später auf der Zielseite eingebunden.

Unterseite für die Markierung anlegen

Klicken Sie im Seitenbaum mit der rechten Maustaste auf jene Seite, auf der der Maps2-Eintrag angezeigt werden soll. Es öffnet sich das Seitenmenü. Wählen Sie dort + Neue Unterseite.

  1. Seitentitel: Legen Sie auf der neuen Unterseite den Seitentitel fest (z. B. „Maps2“).
  1. Stellen Sie im Reiter Zugriff ein, dass die Seite nicht in Menüs aktiviert ist.

→ Diese Unterseite dient später als Aufbewahrungsseite für die Karten-Markierung.

Markierung als Datensatz erstellen

Öffnen Sie die neu erstellte Unterseite.

  1. Wechseln Sie im TYPO3-Modulmenü (links) in die Ansicht "Liste".
  2. Klicken Sie auf + Neuen Datensatz erstellen.
  1. Wählen Sie in der Liste Maps2 Markierung.

Markierung konfigurieren

  1. Wählen Sie im Plug-In im Feld Typ die gewünschte Marker-Art (Punkt, Bereich, Strecke oder Radius).
  2. Wählen Sie einen passenden Titel für die Markierung aus (z. B. Institut für XY).
  1. Wechseln Sie in den Reiter Karte:
  2. Konfiguration der Kartenposition: Tragen Sie die Adresse des Standortes ein und drücken Sie auf Enter. Das Feld “Formatierte Adresse” wird dadurch automatisch befüllt.

 → Sie können die Markierung per Drag & drop manuell anpassen und auf den gewünschten Platz ziehen.
 → Alternativ können Sie auch Breiten- und Längengrad eintragen.

  1. Wechseln Sie in den Reiter Design. Hier legen Sie fest, welche Inhalte angezeigt werden, wenn Nutzer*innen auf die Kartenmarkierung klicken.
  2. Text im Infofenster (optional): Geben Sie Text ein, der im Infofenster des Standorts auf der Karte angezeigt wird, sobald Nutzer*innen auf die Markierung klicken.
  1. Bilder im Infofenster (optional): Wählen Sie ein Bild aus, das im Infofenster des Standorts auf der Karte angezeigt wird, sobald Nutzer*innen auf die Markierung klicken.

Karte auf der Zielseite einbinden

Wechseln Sie auf die Zielseite, auf der das Maps2 Plug-In angezeigt werden soll. Klicken Sie an der gewünschten Stelle auf Neuen Inhalt erstellen. 

  1. Wählen Sie in der linken Spalte die Kategorie Plug-Ins aus.
  2. In der rechten Spalte erscheint nun das Inhaltselement Maps2 das Sie auswählen können.
  1. Überschrift: Tragen Sie eine passende Überschrift ein (z.B. Standort Institut XY) und legen Sie die gewünschte Überschriftenebene fest. Die Überschrift wird über der Karteneinbindung auf der Website angezeigt.

Reiter Plug-In

  1. Fügen Sie zuerst unten im Feld unter Datensatzsammlung die Seite ein, auf der die Markierungen angelegt sind.
  2. (optional) Wenn Sie mehrere Markierungen auf einer Seite eingefügt haben, wählen Sie im Feld „Welche Markierung soll angezeigt werden“ die gewünschte Markierung aus.
    Im Pop-up wählen Sie den entsprechenden Markierungs-Datensatz aus und fügen ihn über das Plus-Symbol (+) hinzu.

Werden nicht alle Markierungen angezeigt?

Wenn Sie das Feld Welche Markierung soll angezeigt werden… zusätzlich zum Feld Datensatz einfügen befüllen, wird nur die eine ausgewählte Markierung dieser Seite angezeigt.

Stellen Sie die Karten-Höhe und -Breite ein. Die voreingestellten Werte sind in der Regel passend.

  1. Breite der Karte: 100 %
  2. Höhe der Karte: 600 %

Reiter Kartenoptionen:

  1. Vorgegebener Zoomfaktor: Legen Sie fest, wie stark in die Karte hineingezoomt wird und wie detailliert die Umgebung der Markierung dargestellt ist. Die voreingestellten Zoomparameter sind in der Regel ausreichend und können meist unverändert übernommen werden.
  2. Datensatzsammlung: Wählen Sie die Seite aus, auf der Ihre Maps2 Markierung abgelegt ist: Klicken Sie auf das Ordnersymbol, suchen Sie die Unterseite auf der Ihre Maps2 Markierung liegt und fügen Sie diese über das + Symbol hinzu.

Klicken Sie auf Speichern und prüfen Sie im Frontend, ob das Maps2-Plug-In korrekt angezeigt wird.

Haben Sie noch Fragen?

Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?

Nach oben