SWR Data Lab Boundaries

Tile URL

Javascript/Maplibre

const map = new maplibregl.Map({
    container: 'map',
    style: 'https://tiles.openfreemap.org/styles/bright',
    center: [50, 9],
    zoom: 13
});

map.on("load", () => {
  map.addSource("admin_boundaries", {
    type: "vector",
    tiles: ["https://static.datenhub.net/data/boundaries/admin_boundaries_2025-01-01.versatiles?{z}/{x}/{y}"]
    attribution: "© BKG (2025) dl-de/by-2-0"
  });
  map.addSource("admin_labels", {
      type: "symbol",
      filter={['==', 'admin_level', 4]}
      tiles: ["https://static.datenhub.net/data/boundaries/admin_labels_2025-01-01.versatiles?{z}/{x}/{y}"]
      attribution: "© BKG (2025) dl-de/by-2-0"
  });
  map.addLayer({
    id: "boundaries",
    type: "line",
    source: "admin_boundaries",
    filter: ["==", "admin_level", 4],
    paint: {"line-color": "red"}
  });
  map.addLayer({
    id: "labels",
    type: "symbol",
    source: "admin_labels",
    filter: ["==", "admin_level", 4],
    layout: {'text-field': '{name}'}
  });
})

SWRData/components

<Map style={SWRDataLabLight()}>
  <VectorTileSource id="admin_boundaries" tiles=["https://static.datenhub.net/data/boundaries/admin_boundaries_2025-01-01.versatiles?{z}/{x}/{y}"] attribution="© BKG (2025) dl-de/by-2-0"/>
  <VectorTileSource id="admin_labels" tiles=["https://static.datenhub.net/data/boundaries/admin_labels_2025-01-01.versatiles?{z}/{x}/{y}"] attribution="© BKG (2025) dl-de/by-2-0"/>
  <VectorLayer
    type="line"
    id="boundaries"
    sourceId="admin_boundaries"
    filter={["==", "admin_level", 4]}
    paint={{"line-color": "red"}}
  />
  <VectorLayer
    type="symbol"
    id="labels"
    sourceId="admin_labels"
    filter={["==", "admin_level", 4]}
    layout={{'text-field': '{name}'}}
  />
</Map>