Signaturforklaring

Signaturforklaringen bruges flere stedet. Det er f.eks. Lagvælger og Skift baggrundskort men også i Print hvor signaturen også vises.

For vektorlag vises der automatisk en signaturforklaring for hvert lag i lagvælgeren. Men hvis man gerne vil bruge et specielt ikon for et lag i lagvælgeren eller vil have signaturforklaring på f.eks. et WMS lag, så er det muligt at angive legendConfig på laget. Herved er det muligt at styre hvordan signaturforklaringen skal være. Det kan gøres på flere måder.

legendConfig er et objekt som her:

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

Men man også angiver en URL til en fil, der indeholder signaturforklaringen. Det gøres som her:

"legendConfig": "https://widget.cdn.septima.dk/3.10.3/legends/lokalplaner.json"

Legends

Den primære konfiguration i legendConfig er legends. På hver legend er det muligt at angive title samt style, img, icon eller svg. Det er også muligt blot at angive html, hvorved der er fuld kontrol over den enkelte legend. Her er et eksempel:

"legendConfig": {
  "legends": [
    {
      "title": "< 1500",
      "svg": "<svg width='20px' height='20px' viewBox='0 0 28 28'><circle fill='rgba(248,252,246,0.9)' stroke='rgba(206,233,197,0.7)' stroke-width='0' cx='14' cy='14' r='7'></circle></svg>"
    },
    {
      "title": "1500 – 8500",
      "svg": "<svg width='20px' height='20px' viewBox='0 0 28 28'><circle fill='rgba(206,233,197,0.7)' stroke='rgba(139,197,130,0.7)' stroke-width='0' cx='14' cy='14' r='7'></circle></svg>"
    },
    {
      "title": "> 8500",
      "svg": "<svg width='20px' height='20px' viewBox='0 0 28 28'><circle fill='rgba(74,144,81,0.7)' stroke='rgba(25,67,23,0.7)' stroke-width='0' cx='14' cy='14' r='7'></circle></svg>"
    }
  ]
}

Icon

Ved at angive icon, som vist herunder, er det muligt at få vist et ikon sammen med lagets navn, der er angivet i name. Dette bruges primært til Skift baggrunskort:

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

Style

Det er også muligt at angive en style. Her er konfigurationen præcist den samme som features_style på et lag. Her er et eksempel:

"legendConfig": {
  "title": "Signatur fra style",
  "style": {
    "geometryType": "LineString",
    "strokewidth": 5,
    "strokecolor": "rgba(25,67,23,0.7)"
  }
}

SVG

Tilsvarende er det muligt at angive en inline SVG på denne måde:

"legendConfig": {
  "svg": "<svg role='img' aria-hidden='true' width='21px' height='22px' viewBox='0 0 21 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.249016608' stroke-linejoin='round'><g id='Mockup-2' transform='translate(-1858.000000, -519.000000)' fill='currentColor' stroke='currentColor' stroke-width='1.5'><path d='M1869.8972,533.298873 L1869.92837,539.074978 L1862.28905,539.812242 L1859.48592,525.088904 L1872.68237,520.494294 L1877.73769,525.591108 L1869.8972,533.298873 Z' id='Path-2'></path></g></g></svg>"
}

HTML

Hvis man vil have fuld kontrol over hvad der skal være i lagvælgeren for dette lag, kan man tilføje html på denne måde:

"legendConfig": {
  "html": "<div class='my-layer-class'><div class='widget-layerswitch-text'>Lokalplaner</div></div>"
}

IMG

Hvis man i stedet vil have en egenlig signatur under teksten for laget, tilføjes følgende til konfigurationen til laget:

"legendConfig": {
  "img": "https://geoserver.plandata.dk/geoserver/ows?service=WMS&request=GetLegendGraphic&format=image%2Fpng&width=20&height=20&layer=theme_pdk_lokalplan_vedtaget_v"
}

Bemærk

For at få vist signaturen for vektorlag, skal laget indeholder features_type. Se hvilke typer det kan være under layer