Zur NavigationZum InhaltKontaktMenuKomponente findenÜbersicht MapsKomponente finden
Basics
More Info
Copyright
More Info
Layer Menu
More Info
Level Menu
More Info
Localization
More Info
Zoom
Components
More Info
Carousel
More Info
Map-Marker
More Info
Pop-Up
More Info
Routing
More Info
Sidebar
PrinzipienGrundlagenBarrierefreiheitDesign SystemGuidelinesDeutschFrançaisItalianoEnglishUnsere GestaltungsprinzipienNutzerzentriertWiedererkennbarInklusivReduziertGanzheitlichSelbsterklärendAufgabenorientiertPassendSBB MarkenportalLogoDigitale UhrNutzungsrechteBasis-FarbenFunktionale FarbenOff-Brand FarbenIconsFahrplan-IconsPiktogrammeÜber BarrierefreiheitÜber diesen GuideKontaktWeitere InformationenProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWas ist ein Design System?DesigningCodingFAQHilfeProzessContributionKontaktÜbersichtBasisKomponentenÜbersichtReleasesDesign TokensKomponentenÜbersichtBasisInformationenÜbersichtBasisKomponentenSinn & ZweckCommunity AssetsAnleitungPower-AppsDigitale WerbebannerSAPApp IconsCarousel Übersicht
Verwendung
Ein Carousel wird eingesetzt, wenn auf der Karte an einem Ort viele Map Marker vorhanden sind und ein Vergleich der einzelnen Punkte Sinn macht.
Regeln
Für die Map Marker im Kartenausschnitt werden komprimierte Informationen in Cards angezeigt.
Bei grösseren Screens werden die Cards auf der linken Seite untereinander dargestellt. Wird über eine der Cards gefahren, wird der entsprechende Map Marker hervorgehoben.
Bei kleinen Screens sowie in Mobile-Anwendungen werden die Cards am unteren Bildschirmrand dargestellt. Der Bereich mit den Cards kann vergrössert (über die gesamte Kartenhöhe) oder verkleinert (keine Card mehr angezeigt) werden.
Wird ein Marker auf der Karte angewählt, wird die entsprechende Card hervorgehoben, bzw. dargestellt (kleine Screens und Mobile).