Karte

Hauptkapitel
Designsystem
Unterkapitel
Komponenten
Gilt für
Websites & Webapplikationen (mit Login)

Darstellung

Die Karte zeigt einen vordefinierten Kartenausschnitt in einem vordefinierten Zoomfaktor an.

Standorte

  • Standorte kennzeichnen wir mit einem farbigen Pin. Wir verwenden dazu die Akzentfarbe der Seite.
  • Bei MouseOver wird der zugehörige Pin schwarz eingefärbt und vergrössert
  • Liegen mehrere Standorte sehr nah bei einander, so gruppieren wir die Pins.
    • Die Anzahl der Standorte wird als Zahl in einem Kreis angezeigt
    • Bei Klick auf eine Gruppe, wird die Karte eingezoomt, sodass die Pins einzeln sichtbar sind
  • Der Pin kann klickbar sein und mit einem Link oder einer Aktion belegt werden

Zoom

  • Die Karte kann von Nutzenden mit der Maus bewegt werden (Drag & Drop)
    • Auf Touch-Geräten kann die Karte mit zwei Fingern verschoben werden
  • Mit dem Plus- und Minus-Icon kann eine Karte gezoomt werden
  • Bei Touch Geräten wird die Karte mit zwei Fingern bedient (verschieben/zoomen)
  • Initial zeigen wir bei Touchgeräten ein Sperr-Layer an, der eine Bedienungsanleitung anzeigt
    • Erst, wenn der Nutzer aktiv auf die Karte klickt, wird diese bedienbar. So verhindern wir, dass die Karte das Scrollverhalten unterbricht und der Nutzer nicht mehr weiter in der Seite navigieren kann.
    • Der Sperr-Layer zeigen wir nur dann an, wenn die Karte im Inhalt platziert wird. Bei Fullscreen-Anwendungen ist diese Funktion nicht notwendig.

Mein Standort

  • Über das Standort-Icon kann der Standort des Benutzers eingeblendet werden.
  • Bei Klick auf das Icon:
    • wird die Karte so gezoomt, dass der Standort des Benutzers zentriert gezeigt wird
    • in der Liste wird bei jedem Eintrag die Distanz zum Standort des Benutzers angegeben

Verwendung

Karten verwenden wir, um geografische Informationen grafisch zu vermitteln und geografische Zusammenhänge darzustellen.

Karte im Kontakt

Die Karte kann verwendet werden, um dem Benutzer einen oder mehrere Standorte zugänglich zu machen. Durch die Karte kann der Benutzer die Lage des Standortes direkt verstehen und den Weg dorthin besser planen. Das Modul Standorte finden eignet sich vor allem für Standorte, bei denen die Position im Kanton wichtig ist. Dies kann zum Beispiel bei Standorten der Fall sein, bei denen der Benutzer vor Ort einen Service nutzen kann. (Siehe Kontakt)

Kontakt

Digitale Verwaltung - ZHweb

E-Mail

zhweb@sk.zh.ch