Signaturforklaring (Legend)

Hvad får du med?

Signaturforklaringen kan sættes ind i et HTML element udenfor kortet.

Dynamisk tegnforklaring - Automatisk opdatering baseret på synlige lag
Fleksibel placering - Placer hvor som helst på din side
Responsivt design - Tilpasser sig til forskellige skærmstørrelser
Automatisk synkronisering - Opdateres når lag ændres

Live eksempel

Se indlejret tabel i aktion nedenfor:

Installation

Embeddable Filter er en MapStore-extension og er ikke en del af standardinstallationen. Den skal hentes fra git og installeres i konteksten, før den kan bruges.

Hent extensionen - Download den seneste zip-fil fra repositoriet på GitHub
Åbn kontekst-editoren - Gå til Kontekster i MapStore og rediger den kontekst, kortet bruger
Upload extensionen - Vælg Tilføj en extension under plugins og upload zip-filen
Aktiver den - Flyt EmbeddableFilter over til de aktive plugins og indsæt konfigurationen nedenfor
Gem konteksten - Filtrene vises nu i det element på siden, som containerId peger på

Hent fra GitHub

Repositoriet på GitHub er ikke offentligt tilgængeligt for kunder. Har du ikke adgang, så kontakt din huskonsulent hos Nordiq for at få tilsendt/installeret extensionen.

Konfiguration

Se konfigurationsmulighederne nedenfor for signaturforklaringen.

Embeddable Filter Konfiguration

{
  "containerId": "embeddable-filter-container",
  "embeddableFilterLayerName": "fmk_natur:life_sites_f",
  "filterItemComponent": "div",
  "filterType": "checkbox",
  "labelClasses": "foo moo loo",
  "filterItems": [
    {
      "label": "Strandeng",
      "name": "strandeng",
      "cql": "strToLowerCase(\"naturtyper\") LIKE '%strandeng%'"
    },
    {
      "label": "Kalkoverdrev",
      "name": "kalkoverdrev",
      "cql": "strToLowerCase(\"naturtyper\") LIKE '%kalkoverdrev%'"
    },
    {
      "label": "Rigkær",
      "name": "Rigkær",
      "cql": "strToLowerCase(\"naturtyper\") LIKE '%rigkær%'"
    }
  ]
}

Åbn i MapStore Rediger kontekst

Optioner

containerId: HTML ID af det element, filteret skal sættes ind i
embeddableFilterLayerName: Navnet på det lag, filteret virker på
filterType: Typen af filterelementer, fx checkbox
filterItemComponent: HTML-elementet, hvert filterpunkt vises i, fx div
labelClasses: CSS-klasser, der sættes på filterpunkternes labels
filterItems: Listen af filterpunkter med label (vist tekst), name og cql (CQL-filter på laget)