Søg i Septima Widget K
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
.
translations
- Type:
object
Det er muligt at styre alle tekster i Septima Widget. Det gøres på de enkelte komponenter vha. et translations
objekt. Det er muligt blot at overskrive en enkelt tekst eller angive et helt nyt sprog. Herunder ses hvilke teskter, der er default for denne komponent.
Vis tekster
json
{
"da-DK": {
"show": "Vis"
},
"en-US": {
"show": "Show"
}
}
Eksempler
Eksempler, der bruger denne komponent:
Aktuelle position i hele verdenen position
Zoom ind til brugerens aktuelle position, når kortet vises
Baggrundskort namedlayerlayertogglevectortiles
Septima Widget indeholder en række præ-konfigurerede baggrundskort. Dette gør det nemt at tilføje lige det baggrundskort, man har brug for
Info med statisk boks info
Infoboksen kan vises på flere måder. Her er et eksempel, hvor infoboksen er fast i øverste venstre hjørne. Den kan også placeres som en flydende boks i kortet eller helt afkoblet fra kortet.
Mål afstand og areal mål
Mål hvor langt der er i kortet eller hvor stort et areal er ved at tegne
Relationer mellem lag layerwmts
Tænd automatisk for et lag når et andet lag tændes. Det kan f.eks. bruges til at vise gule matrikelskel på ortofoto og røde på et almindeligt baggrundskort, uden brugeren selv skal vælge til og fra.
Skift baggrundskort lagvælgerfullscreen
Skift mellem baggrundskort i stil med Google Maps
Valgsteder wfsinfo
Solrød Kommune har lavet dette eksempel, der benytter Datafordeleren og Dataforsyningen til at vise valgdestrikter og valgsteder i kommunen
Zoom til et adresseID locate
Start kortet ved at zoome ind til en specifik adresse ud fra en URL-parameter
Zoom til indtastet geometri locate
Start kortet ved at zoome ind til en specifik position ud fra URL-parameter. Det er også muligt at indtaste en geometri og få den vist i kortet. Det kan være WKT, GeoJSON, en koordinat eller en BBOX