Zur NavigationZum InhaltKontaktMenuTrova un componenteDescrizione generale MapsTrova un componente
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
PrincipiBaseAccessibilitéSistema di designGuidelinesDeutschFrançaisItalianoEnglishI nostri principi di designSoluzioni focalizzate sull’utenteRiconoscibilitàInclusioneRiduzioneOlisticoAutoesplicativoOrientamento all’attivitàAdeguatezzaPortale della marca FFSLogoOrologio digitaleDiritti di utilizzazioneColori die baseColori funzionaliColori Off BrandIconeIcone dell'orarioPittogrammiInformazioni sull’accessibilitàÜber diesen GuideContattiLetture consigliateProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?DesigningCodingFAQAiutoProcessoContributionContattoIntroduzioneBaseComponentiOverviewReleasesDesign TokensKomponentenIntroduzioneBaseInformazioniIntroduzioneBaseComponentiSenso & scopoCommunity AssetsIstruzioniPower-AppsBanner pubblicitari digitaliSAPIcone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili DeutschCarousel Ü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).
Zustände und Varianten
Varianten
Die Komponente hat folgende Varianten:
Mode: Light/Dark
Orientation: Left/Bottom
Links - grosse Screens
Unten - kleine Screens
Mobile
ImpressumContattoProtezione dei datiImpostazioni dei cookie