Skip to content

Skift baggrundskort

Skift baggrundskort i stil med Google Maps.

Knap, der gør, at brugeren kan skifte (toggle) mellem forskellige baggrundskort, der er angivet i konfigurationen. For at et lag kommer med i denne knap, skal der på laget angives legendConfig hvor icon er angivet:

json
"legendConfig": {
  "icon": "https://septima.dk/widget/img/ortofoto.png"
}

Derudover er det vigtigt at sætte visible til true på det lag, der skal vises fra start og false for det lag, der skal være skjult fra start.

Options

Herunder findes en beskrivelse af de enkelte egenskaber, der kan sættes på lagvælgeren.

disable

  • Type: boolean
  • Default: false

Skal kontrollen deaktiveres. Herved fungerer det, som om kontrollen ikke var tilføjet. Kan bruges til midlertidig at fjerne en kontrol.

css

  • Type: string | string[]

Angiv en sti til en css-fil, der skal loades efter denne kontrol. Herved vil det være muligt at lave en brugertilpasset style af kontrollen.

className

  • Type: string

Tilføj en speciel CSS class til elementet. Dette kan bruges til at styre hvordan elementet ser ud eller placeres på siden.

layers

  • Type: array
  • Default: all

Vælg hvilke lag, der skal vises i lagvælgeren. Det muligt at angive et array af id'er på udvalgte lag, der skal vises. Dette kræver, at der er angivet et id på lagene. For at vælge to specifikke lag angives det på denne måde: ["lag1","lag2"]. Som default vises alle lag, der har et id samt legendConfig.

excludeLayers

  • Type: array

Fravælg hvilke lag, der ikke skal vises i lagvælgeren. Det muligt at angive et array af id'er på udvalgte lag, der ikke skal vises. Dette kræver, at der er angivet et id på lagene. For at ekskludere to specifikke lag angives det på denne måde: ["lag1","lag2"]. Som default vises alle lag, der har legendConfig.

Eksempler

Eksempler, der bruger denne komponent: