Zum Hauptinhalt springen

Popup

Popups zeigen relevante Informationen an, wenn Benutzer mit Karten-Features interagieren. Dies hält Ihre Karte übersichtlich und stellt gleichzeitig detaillierte Informationen auf Abruf bereit. Sie können wählen, wann das Popup angezeigt wird, Inhaltsblöcke hinzufügen und die Darstellung vollständig steuern.

Popup zeigt Feature-Informationen an

Wie man Popups konfiguriert

1
Wählen Sie Ihren Layer und navigieren Sie zu Layer-Design Styling Icon, öffnen Sie dann den Abschnitt Popup und aktivieren Sie den Schalter.
2
Wählen Sie unter Popup zeigen: Bei Klick, Nur bei Hover oder Bei Klick und Hover.
3
Klicken Sie unter Inhalt auf + Block hinzufügen, um Inhaltsblöcke hinzuzufügen. Verfügbare Blocktypen: Feldliste, Text, Bild, Schaltfläche, Abzeichen, Trennlinie.
4
Für einen Feldliste-Block: Wählen Sie das Layout Tabelle oder Liste, klicken Sie auf + Attribut hinzufügen, um die anzuzeigenden Felder auszuwählen, und setzen Sie optional Einklappen nach, um die Anzahl der sichtbaren Zeilen zu begrenzen.
5
Konfigurieren Sie unter Aussehen die folgenden Optionen:
  • Layout: Wählen Sie Popup oder Angeheftet
  • Breite: Geben Sie eine feste Breite in px an oder lassen Sie Auto
  • Maximale Höhe: Legen Sie eine maximale Höhe in px fest, um bei langen Inhalten scrollen zu können
  • Kopfzeile: Wählen Sie Standard, Kompakt oder Keine
  • Aktives Objekt hervorheben: Aktivieren Sie den Schalter, um das ausgewählte Objekt auf der Karte hervorzuheben

HTML-Modus

Für vollständige Kontrolle über das Popup-Design wechseln Sie unter Inhalt in den HTML-Modus. Damit können Sie benutzerdefiniertes HTML und CSS schreiben, um ansprechende, individuell gestaltete Popups zu erstellen — mit Bildern, gestalteten Karten, eigenen Schriften und dynamischen Feldwerten.

1
Klicken Sie unter Inhalt auf den Tab HTML.
2
Klicken Sie auf Bearbeiten, um den HTML-Editor zu öffnen und Ihr benutzerdefiniertes Markup zu schreiben.
3
Verwenden Sie {{feldname}}-Platzhalter, um Feature-Attributwerte dynamisch in Ihr HTML einzufügen.
Benutzerdefiniertes HTML-Popup in GOAT

Bewährte Praktiken

  • Wählen Sie relevante Felder aus, die Benutzern bedeutungsvollen Kontext bieten
  • Verwenden Sie klare, beschreibende Namen anstatt technischer Feldnamen
  • Begrenzen Sie die Anzahl der Felder, um Benutzer nicht mit Informationen zu überfordern
  • Nutzen Sie Einklappen, um Popups bei vielen Attributen kompakt zu halten