Kartenfunktionen

Legende

Drei Layer zeigen drei Möglichkeiten, Legendeneinträge festzulegen. Das Legendenpanel richtet sich nach den aktuell sichtbaren Layern.

Ausprobieren: Layer aus- und einschalten. Ihre Legendeneinträge werden entsprechend ausgeblendet und wieder angezeigt. Layer außerhalb ihres Zoombereichs werden ebenfalls ausgelassen.

Drei Quellen, ein Panel

Vom Dienst: legend: "auto" auf einem WMS-Layer baut einen GetLegendGraphic-Request
Aus dem Style: Vektor-Layer mit literalen Farben erzeugen automatisch Farbfelder
Von Hand: ein Array von Einträgen mit Beschriftung, Farbe und Form (Quadrat, Linie, Kreis)

legend: false blendet einen Layer aus der Legende aus. Eine URL lädt ein eigenes Legendenbild, das beispielsweise neben der Konfiguration gespeichert ist.

Legenden für datenabhängige Styles. Ein Style kann seine Farbe nach einem Attribut oder seine Breite nach der Zoomstufe ändern. map0 leitet Farbfelder nur aus konstanten Farben ab. Für Styles mit Ausdrücken können eigene Legendeneinträge definiert werden.

Konfiguration

legend.map0.json

{
  "$schema": "https://map0.net/schema/v1.json",
  "version": 1,
  "meta": { "title": "Three ways to get a legend" },
  "map": { "center": [16.3725, 48.2083], "zoom": 13 },
  "basemaps": [
    {
      "id": "grau",
      "title": "Grey",
      "type": "raster",
      "url": "https://mapsneu.wien.gv.at/basemap/bmapgrau/normal/google3857/{z}/{y}/{x}.png",
      "attribution": "© basemap.at",
      "default": true
    }
  ],
  "layers": [
    {
      "id": "widmung",
      "type": "wms",
      "title": "From the service (GetLegendGraphic)",
      "url": "https://data.wien.gv.at/daten/geo",
      "layers": "GENFLWIDMUNGOGD",
      "opacity": 0.5,
      "legend": "auto",
      "attribution": "Stadt Wien, data.wien.gv.at"
    },
    {
      "id": "areas",
      "type": "geojson",
      "title": "Written by hand",
      "data": "/data/demo-areas.geojson",
      "style": {
        "fill-color": "#f59e0b",
        "fill-opacity": 0.3,
        "line-color": "#f59e0b",
        "line-width": 2
      },
      "legend": [
        { "label": "Demo zone", "color": "#f59e0b", "shape": "square" },
        { "label": "Demo route", "color": "#f59e0b", "shape": "line" }
      ]
    },
    {
      "id": "brunnen",
      "type": "geojson",
      "title": "Derived from the style",
      "data": "https://data.wien.gv.at/daten/geo?service=WFS&request=GetFeature&version=1.1.0&typeName=ogdwien:TRINKBRUNNENOGD&srsName=EPSG:4326&outputFormat=json",
      "style": {
        "circle-color": "#7c3aed",
        "circle-radius": 5,
        "circle-stroke-color": "#ffffff",
        "circle-stroke-width": 1.5
      },
      "attribution": "Stadt Wien, data.wien.gv.at"
    }
  ],
  "controls": { "legend": { "open": true, "position": "bottom-right" } }
}