WEB VEKTOR

Beschreibung

Webkarten im Vektorformat (international Vector Tiles) bieten viele Vorteile: Flexibel konfigurierbar, interaktiv, immer scharf, schlank, dreh- und neigbar, häufig aktualisierbar, mit Attributen, flüssiges zoomen.
Erst mit Vector Tiles werden Karten auf Smartphones und hochauflösenden Bildschirmen zum Erlebnis in 2D und 3D.

Der Kartendienst basemap.de Web Vektor ist ein von Bund und Ländern gemeinsam entwickelter Kartendienst für Web und Mobil. Die deutschlandweite Karte wird monatlich aktualisiert, ständig weiterentwickelt und bietet die Qualität und Homogenität amtlicher Geodaten. Als Webkarte ermöglicht der Dienst freies Zoomen von der Deutschlandübersicht bis zu flächendeckenden 3D-Gebäudemodellen und amtlichen Hausnummern in modernem Design.

Die Nutzung des "Mapbox-konformen" Dienstes ist aber auch auf spezielle Software-Bibliotheken angewiesen. Wer nur statische Karten nutzt und auf breite Kompatibilität angewiesen ist, sollte einen Blick auf basemap.de Web Raster werfen.

Bereitstellung

Bereitgestellt wird basemap.de Web Vektor als Vector Tiles Dienst in den Standardkarten-Ausprägungen Farbe, Relief und Grau. Das Einbinden des Dienstes erfolgt über den Aufruf einer Style-JSON URL.

Kachelarchive und Dienste-URL:

Die vektorbasierte Webkarte besteht aus zwei thematisch getrennten Kachelarchiven: Das Basis-Kachelarchiv, welches für alle Kartenstile verwendet wird und das Höhenlinien-Kachelarchiv, welches zusätzlich im Kartenstil „Relief“ Verwendung findet.

• Basis-Kachelarchiv:
https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/tiles/v1/bm_web_de_3857/bm_web_de_3857.json
Zur Einbindung des Basis-Kachelarchivs in QGIS nutzen Sie folgende XYZ-Nomenklatur im QGIS-Browser unter Vector Tiles: https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/tiles/v1/bm_web_de_3857/{z}/{x}/{y}.pbf

• Höhenlinien-Kachelarchiv:
https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/tiles/v1/bm_web_hl_de_3857/bm_web_hl_de_3857.json
Zur Einbindung des Höhenlinien-Kachelarchivs in QGIS nutzen Sie folgende XYZ-Nomenklatur im QGIS-Browser unter Vector Tiles: https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/tiles/v1/bm_web_hl_de_3857/{z}/{x}/{y}.pbf

Kartenstile:

• Farbe: Die farbige Standardkarte ohne Geländedarstellung https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json
• Relief: Wie Farbe, aber mit Schummerung und Höhenlinien https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_top.json
• Grau: Als Hintergrundkarte geeignete, graue Variante https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_gry.json

Weitere Beta-Stile sind auf den Projektseiten unter Beta (https://basemap.de/beta) zu finden.

Aktualität, Datenmodell und Metainfos

Die Kachelarchive von basemap.de Web Vektor werden monatlich aktualisiert. Der jeweilige Aktualitätsstand der zugrundeliegenden Datenquellen ist hier ersichtlich:
• Datenaktualität basemap.de Web Vektor

Das zugrundeliegende Datenmodell ist für Sie dann relevant, wenn Sie Anpassungen an den Kartenstilen vornehmen und zusätzliche Attribute visualisieren wollen:
• Datenmodell basemap.de Web Vektor

Die Kartenstile werden im json-Form definiert. Einen leichter lesbaren Signaturenkatalog im html-Format mit allen Styling-Layer und –Vorschriften finden Sie hier:

• Signaturenkatalog basemap.de Web Vektor Farbe
• Signaturenkatalog basemap.de Web Vektor Grau

Weiterführende Informationen zum Dienst kann dem Produkt- und Qualitätsstandard basemap.de Web Vektor entnommen werden, welcher unter adv-online.de veröffentlicht wird.

Release Notes Datei:
• Release Notes Web Vektor

Nutzung im Browser

Anschauen, mobil nutzen, ausdrucken:
Die Standardkarten-Stile von basemap.de Web Vektor können über den basemap.de Viewer aufgerufen und genutzt werden.
Die Ausgabe hochauflösender und großformatiger Karten ist damit ebenfalls möglich.

Web-Anwendungen entwickeln:
Der Dienst ist so konfiguriert, dass er mit folgenden Software-Bibliotheken uneingeschränkt verwendbar ist:
• Mapbox GL JS: https://github.com/mapbox/mapbox-gl-js
• MapLibre GL JS: https://github.com/maplibre/maplibre-gl-js
Der Dienst kann beispielsweise in weiteren Web-Clients eingebunden werden, wobei teilweise Einschränkungen bei der Kartendarstellung und Performanz in Kauf genommen werden müssen: OpenLayers, Leaflet.
MapLibre GL JS
Mapbox GL JS
Leaflet
OpenLayers
<!DOCTYPE html>
<html>

<head>
   <title>basemap.de Web Vektor - MapLibre GL JS Demo</title>
   <script src='https://unpkg.com/maplibre-gl@2.4.0/dist/maplibre-gl.js'></script>
   <link href='https://unpkg.com/maplibre-gl@2.4.0/dist/maplibre-gl.css' rel='stylesheet' />
   <style>
      body {
         margin: 0;
         padding: 0;
      }

      #map {
         position: absolute;
         top: 0;
         bottom: 0;
         width: 100%;
      }
   </style>
</head>

<body>
   <div id="map" class="map"></div>
   <script>
      var map = new maplibregl.Map({
         container: 'map',
         style: 'https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json',
         center: [10, 51],
         zoom: 6,
      });
   </script>
</body>

</html>
<!DOCTYPE html>
<html>

<head>
   <title>basemap.de Web Vektor - Mapbox GL JS Demo</title>
   <script src="https://api.mapbox.com/mapbox-gl-js/v1.13.2/mapbox-gl.js"></script>
   <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.css">
   <style>
      body {
         margin: 0;
         padding: 0;
      }

      #map {
         position: absolute;
         top: 0;
         bottom: 0;
         width: 100%;
      }
   </style>
</head>

<body>
   <div id="map" class="map"></div>
   <script>
      // For Mapbox GL JS > Version 2 you need an access token to make the map appear
      mapboxgl.accessToken = '<your access token here>';
      var map = new mapboxgl.Map({
         container: 'map',
         style: 'https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json',
         center: [10, 51],
         zoom: 6,
      });
   </script>
</body>

</html>
<!DOCTYPE html>
<html>

<head>
   <title>basemap.de Web Vektor - Leaflet Demo</title>
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" />
   <style>
      body {
         margin: 0;
         padding: 0;
      }

      #map {
         position: absolute;
         top: 0;
         bottom: 0;
         width: 100%;
      }
   </style>
</head>

<body>
   <div id="map"></div>
   <script src="https://unpkg.com/maplibre-gl@2.4.0/dist/maplibre-gl.js"></script>
   <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"></script>
   <script src="https://unpkg.com/@maplibre/maplibre-gl-leaflet@0.0.17/leaflet-maplibre-gl.js"></script>
   <script>
      var map = L.map('map', {
         minZoom: 6,
         maxZoom: 18,
      });
      var gl = L.maplibreGL({
         style: 'https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json',
      }).addTo(map);
      map.setView([51, 10], 6);
   </script>
</body>

</html>
Für die optimale Einbindung mit Open Layers sind mehrere Ressourcen nötig, die Sie im folgenden Abschnitt finden. Weitere Infos dazu finden Sie auf der OpenLayers Website.

index.js

import "ol/ol.css";
import { apply as applyMapboxStyle } from "ol-mapbox-style";
import Map from "ol/Map";
import View from "ol/View";
import { useGeographic as olUseGeographic } from "ol/proj";
import {
  DragRotateAndZoom,
  defaults as defaultInteractions
} from "ol/interaction.js";

olUseGeographic();

const center = [6.958307, 50.941357];

const map = new Map({
  interactions: defaultInteractions().extend([new DragRotateAndZoom()]),
  view: new View({
    center: center,
    zoom: 17
  }),
  target: "map"
});

applyMapboxStyle(
  map,
  "https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_top.json"
);

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>basemap.de Web Vektor - OpenLayers Demo</title>
    <meta charset="UTF-8" />

    <style>
      html,
      body,
      #map {
        font-family: sans-serif;
        margin: 0;
        width: 100%;
        height: 100%;
      }
    </style>
  </head>

  <body>
    <div id="map"></div>

    <script type="module" src="index.js"></script>
  </body>
</html>

package.json

{
  "name": "basemap.de-openlayers-demo",
  "version": "1.0.0",
  "description": "basemap.de Web Vektor - OpenLayers Demo",
  "main": "index.html",
  "scripts": {
    "start": "vite",
    "build": "vite build"
  },
  "dependencies": {
    "ol": "7.3.0",
    "ol-mapbox-style": "10.3.4",
    "vite": "4.2.1"
  },
  "devDependencies": {
    "@babel/core": "7.2.0",
    "typescript": "4.4.4"
  },
  "resolutions": {
    "@babel/preset-env": "7.13.8"
  },
  "keywords": ["javascript", "basemap.de"]
}

Nutzung im GIS

QGIS
ArcGIS Pro
ArcGIS Online
In QGIS einbinden:

QGIS unterstützt Vector-Tile-Dienste ab Version 3.16 nativ, allerdings noch mit Einschränkungen. Einige Vorteile sind u. a. die Nutzung beliebiger Projektionen, die Ausgabe als Vektor-PDF und die Überlagerung mit eigenen GIS-Daten. Grundsätzlich unterstützt QGIS derzeit die von basemap.de verwendeten Mapbox-Spezifikationen noch nicht vollständig, so dass es zu abweichenden Darstellungen vor allem hinsichtlich der eingebundenen Schummerung (Relief-Style) und der Darstellung von einigen Inhalten in Bezug auf die Zoomstufen kommt. Eine optimale Darstellung der basemap.de Web Vektor ist über den basemap.de Viewer oder GIS-Anwendungen, die die Maplibre-Bibliothek unterstützen, möglich.

Zur Einbindung in QGIS können Sie die folgende XML-Datei nutzen. Klicken Sie im QGIS-Browser mit der rechten Maustaste auf [Vector Tiles] → [Verbindungen laden] und wählen die heruntergeladene XML-Datei aus.
Für die korrekte Darstellung der Schriften der basemap.de Web Vektor Styles (QGIS Version 3.16 bis 3.26) sollten folgende Schriftarten auf dem
Betriebssystem installiert werden:

https://github.com/googlefonts/noto-fonts/tree/master/hinted/ttf/NotoSans

• Noto Sans Regular
• Noto Sans Italic
• Noto Sans Bold
• Noto Sans Extra Condensed Light

https://github.com/googlefonts/roboto/tree/main/src/hinted

• Roboto Bold
• Roboto Italic
• Roboto Medium
• Roboto Medium Italic
• Roboto Regular
In ArcGIS Pro einbinden:

Seit Version 3.2 kann die basemap.de Web Vektor Karte nun auch in ArcGIS Pro mit wenigen Klicks eingebunden werden. Im folgenden Beispiel binden wir den Farbe-Style in ArcGIS Pro 3.2.0 ein:
Abbildung 1: Einbinden des Farb-Styles in ArcGIS Pro 3.2
Bei der Integration von Vector Tiles ist zu beachten, dass sich die Implementierung noch in der Weiterentwicklung befindet. Derzeit sind unter Umständen nicht alle Funktionen vollständig verfügbar. Aktuell ist es nicht möglich, den Relief-Style einzubinden da die Rasterschummerung ein Laden der Karte verhindert. Außerdem werden die LoD-Gebäude in hohen Zoomstufen noch nicht visualisiert und das Abfragen von Attributen per Klick ist noch nicht implementiert.

Die kontinuierliche Weiterentwicklung macht Hoffnung, dass der Funktionsumfang und die Kompatibilität schrittweise erweitert wird, um eine optimale Nutzererfahrung zu gewährleisten.
ArcGIS Online und ArcGIS Enterprise-Portal (ab Version 11.1 für Windows):

1. JSON-Style des gewünschten basemap.de Vector Tile-Layers als Datei speichern (z.B.: https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json)
2. Einen beliebigen, in ArcGIS Online oder ArcGIS Enterprise gehosteten Vector Tile-Layer kopieren und speichern. Das kann auch eine von Esri veröffentlichte Vector Tile-Basemap sein (z.B. OpenStreetMap).
3. Auf der Elementdetailseite der erzeugten Layer-Kopie kann nun die Option „Aktualisieren“ verwendet und der vorhandene Style durch den zuvor gespeicherten basemap.de JSON-Style ersetzt werden. Er referenziert so den basemap.de Vector Tile-Layer und stellt ihn im gewählten Style dar.

Abbildung 1: „Style Aktualisieren“ Option

4. Der erzeugte Layer kann nun im ArcGIS Map Viewer als Layer oder als Grundkarte verwendet werden.
Abbildung 2: basemap.de Farbe-Style in ArcGIS Online Map Viewer

Kreativ werden

Die bereitgestellten Kartenstile können individuell angepasst werden. Dazu kann beispielsweise der Online-Editor Maputnik genutzt werden. Beispiel-URL für den Farb-Stil:
https://maputnik.github.io/editor/?style=https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/styles/bm_web_col.json#6/51/10

Anregungen für thematische Webkarten finden Sie im nachfolgenden Kapitel.

Anwendungsbeispiele

Windrad-Dichte in Deutschland

Die Anzeige der Windräder-Dichte erfolgt in einer sogenannten Heatmap.
Jedes Windrad besitzt einen blauen Radius mit Verlauf. Wenn Windräder gehäuft vorhanden sind und die Radien sich überschneiden, färben sich diese in "wärmere" Farben – ähnlich einer Farbskala, wie man sie von Wärmebildkameras kennt. Blau (kalt), Grün (kühl), Gelb (warm), Orange (mittel), Rot (heiß).

Für die Hintergrundkarte wurde eine angepasste Form des Kartenstils "Grau" verwendet.

Grundsätzlich lässt sich solch eine Heatmap mit allen Punktobjekten erstellen. Als Beispiel wurden hier die Windräder aus dem ATKIS® Basis-DLM verwendet. Diese wurden in GeoJSON umgewandelt und als Heatmap visualisiert.

Verwendete Werkzeuge: QGIS zum Ausspielen der GeoJSON-Datei, Maputnik zur Gestaltung des Kartenstils, ein Code-Editor zum Anpassen der Html-Datei.

Baudenkmale in Brandenburg

Exemplarisch wurden einige ausgewählte Baudenkmale des Landes Brandenburg als GeoJSON eingebunden.
Quelle: Brandenburgisches Landesamt für Denkmalpflege (LINK)

Für die Baudenkmale wurde eine dreidimensionale, rote Darstellung gewählt, um sie auf der grauen Hintergrundkarte hervorzuheben.

Mit einem Mausklick erscheinen Informationen über das gewählte Baudenkmal in einem Popup-Fenster.

Wie auch bei allen anderen hier aufgeführten Anwendungsbeispielen wird die Java-Script-Bibliothek Mapbox GL JS für die Kartendarstellung verwendet. Damit kann die Mausklick-Funktion und das Popup-Fenster konfiguriert werden.

Rettungspunkte in Deutschland

Die Rettungspunkte (als GeoJSON eingebunden) werden durch ein separat eingebundenes Symbol visualisiert, da es nicht in der Standard-Symbol-Bibliothek ("Sprites") enthalten ist.

Per Mausklick sind Informationen in einem Popup-Fenster verfügbar.

Quelldaten: © KWF-Rettungspunkte v2.8, www.rettungspunkte-forst.de (Stand 2020)

Anfahrtsskizze oder Wegbeschreibung

In diesem Beispiel wird eine Anfahrtsskizze bzw. Wegbeschreibung in Berlin mit individuellen Markern und der Grauvariante der Smart Mapping Webkarte als Hintergrund, dargestellt.

Die Wegbeschreibung wird entweder durch eigene Digitalisierung in einem GIS oder über den Open Route Service als GeoJSON erstellt und in die Webkarte integriert.

Die Marker zeigen mit einem Mausklick Informationen in einem Popup Fenster.

Flurstücke in Brandenburg

Exemplarisch wurden die Flurstücke, Fluren und Gemarkungen des Landes Brandenburg (OpenData: LINK) in die Smart-Mapping-Webkarte eingebunden.

Für die Hintergrundkarte wurde der Kartenstil "Relief" verwendet.

Die Beispiele zeigen, dass auch ALKIS-Informationen performant und in der Darstellung flexibel änderbar als Vector-Tiles-Webkarte präsentiert werden können und Potential für diverse Anwendungsfälle bieten.

Kombination zweier Vector-Tile-Dienste in OpenLayers

In OpenLayers können zwei Vector-Tile-Dienste in einer Kartenanwendung dargestellt werden, wie in diesem Beispiel, die amtlichen Dienste der Länder Schweiz und Deutschland.

Weitere Informationen zum Swisstopo-Dienst "Light Base Map": LINK

Häufig gestellte Fragen

Stand: 10.08.2024

Kann die Vektorkarte basemap.de Web Vektor auch mit Esri Produkten (z.B. ArcGIS) verwendet werden?

Wie Sie die basemap.de Web Vektor in ArcGIS Pro, ArcGIS Enterprise und ArcGIS Online einbinden, können Sie im oberen Bereich unter Punkt "Nutzung in GIS" nachlesen.

Darf ich die Webkarte auf meiner Webseite (bsw. per i-Frame) einbinden?

Ja, das Einbinden der basemap.de Web Vektor und Web Raster in die eigene Website ist erlaubt.

Kann ich die Webkarte basemap.de Web Vektor auf meine Bedürfnisse anpassen?

Ja, die basemap.de Web Vektor kann individuell angepasst werden. Informationen dazu finden Sie auf dieser Seite.

Wie binde ich die basemap.de Web Vektor in QGIS ein?

Ab der QGIS-Version 3.16 ist eine Einbindung der basemap.de Web Vektor über das Hinzufügen einer Vector-Tile-Verbindung im QGIS Browser möglich. Eine Hilfestellung bieten u.a. unsere Videos, die Sie über den Youtube-Button auf basemap.de finden. Die im Bereich "Nutzung" bereitgestellte XML-Datei erspart Ihnen die manuelle Eingabe der Verbindungsparameter. QGIS unterstützt allerdings die von uns verwendeten Mapbox/Maplibre Spezifikationen noch nicht vollständig.

Warum gibt es Unterschiede in der Aktualität der Gebäudedaten?

Derzeit werden die Gebäudedaten (LOD1) aus einer bundesweit zentralen Datenhaltung verwendet, welche jährlich durch die Länder aktualisiert wird. Wir arbeiten aktuell daran, die Gebäudedaten zukünftig in einem engeren Aktualitätszyklus bereitzustellen.

Wie werde ich über Änderungen an den basemap.de Produkten und Diensten informiert?

Über Release Notes und über die Rubrik Neuigkeiten können Sie sich über Aktualisierungen und Änderungen produktbezogen informieren.

Wo finde ich die Metadaten für die von Ihnen bereitgestellten Daten und Dienste?

Metainformationen kommen zum Teil über die Webdienste selbst (z. B. Capabilities), können aber auch über das MetadatenInformationsSystem (MIS) des BKG abgerufen werden: https://mis.bkg.bund.de/freitextsuche?action=doSearch&q=basemap.de&f=

Gibt es die Möglichkeit des Routings, bzw. ist das in Zukunft vorgesehen?

Nein, es gibt kein auf den Daten basierendes Routing.

Werden in Zukunft weitere Projektionen der basemap.de Web Vektor über Web Mercator hinaus angeboten?

Wir arbeiten daran und prüfen die technischen Möglichkeiten.

Meine Firewall sperrt den Zugriff auf die Produkte und Dienste. Welche IP-Adressen sollte ich für die Nutzung aller Dienste/Produkte freischalten?

Um alle Webienste bzw. Produkte vollumfänglich nutzen zu können, sollte ihre Firewall bzw. IT-Stelle folgende IP Adressen nicht blockieren:

- 141.74.48.15
- 141.74.48.40
- 141.74.64.15
- 141.74.64.40

ACHTUNG: Diese IP-Adressen dienen nur zur Freischaltung der Firewall! Die Einbindung und Nutzung der Dienste und Produkte sollte immer über die bereitgestellten URLs in den jeweiligen Produktseiten erfolgen.

Lizenz- und Nutzungsbedingungen

Es gelten folgende Lizenz- und Nutzungsbedingungen:
PDF Datei