GIS und Web

ulg export all out/            # alles Folgende; oder: qgis | sld | web | tokens

Jeder Export akzeptiert --theme (mellow, planzv, alkis, basemap, bfn, osm, mono) und --lang de für deutsche Bezeichnungen. Ihre Daten brauchen ein Attribut mit Element-IDs (Standard: element); liegen sie in einem anderen Schema vor, klassifizieren Sie sie zuerst (4.5).

5.1 QGIS#

Dateien

Was die Stile leisten

• Texturen sind nahtlose SVG-Musterkacheln, die in die Datei eingebettet sind (base64:); das QML braucht deshalb weder einen SVG-Suchpfad noch ein Plugin.
• Handgezeichnete Kontur: Ein Geometriegenerator wendet wave_randomized() in Millimetern auf dem Papier an, mit der Objekt-ID als Seed; die Amplitude bleibt unter der halben Strichstärke, sodass der Strich die wahre Kante überdeckt. Setzt QGIS 3.24 oder neuer voraus; amtliche Themes verwenden exakte Linien.
• Detailstufe (--lod auto): Ein regelbasierter Renderer wechselt die Texturen bei 1:750, 1:2500 und 1:10 000, genau wie der Python-Renderer. Mit einem festen --lod 2 erhalten Sie einen einfacheren kategorisierten Renderer.
• Bäume sind SVG-Marker, deren Größe in Karteneinheiten aus crown_diameter (oder dem Standardwert des Elements) bestimmt wird, sodass die Kronen auf jeder Zoomstufe maßstabsgetreu sind.
• Straßen und Wege als Mittellinien (OSM-Highways) werden im Linienstil als Streifen ihrer tatsächlichen Breite gezeichnet: Ein Geometriegenerator puffert die Linie entsprechend width, lanes oder der Klasse highway.
• Die Zeichenreihenfolge folgt den Bändern des Katalogs, danach kommen größere Flächen zuerst ($area DESC); übereinanderliegende Daten sehen daher so aus wie in Python.

Getestet durch Headless-Rendering mit PyQGIS 3.36 (tools/qgis_render.py); das XML entspricht dem, was QGIS selbst schreibt, und lässt sich ab QGIS 3.28 laden. Ein fertiges Projekt: python examples/qgis_project.py.

5.2 OGC SLD für GeoServer und INSPIRE#

ulg export sld out/ schreibt ulg_polygons.sld, ulg_lines.sld und ulg_points.sld, eine Rule pro Element, gefiltert nach dem Element-Attribut, mit

• einer einfarbigen Füllung im PolygonSymbolizer plus einem GraphicFill mit der Musterkachel des Elements (patterns/<id>.svg),
• von Millimetern in Pixel bei 96 dpi umgerechneten Strichstärken sowie Strichelungen und Linieneinfassungen (Casings) für Linien,
• ExternalGraphic-Punktsymbolen (symbols/<id>.svg) für Piktogramme und Kronen sowie Well-known Marks für Punkte.

SLD kann weder die prozedural erzeugte Kontur noch den maßstabsabhängigen Detailgrad ausdrücken; der Stil fällt deshalb kontrolliert auf eine einfachere Form zurück: einfarbige Füllung, Musterkachel, schlichte Kontur. Diese Form erwarten auch INSPIRE-Darstellungsdienste. Laden Sie den Ordner mit seinen Unterordnern patterns/ und symbols/ in das Stilverzeichnis von GeoServer hoch.

5.3 MapLibre GL#

Das Demoquartier in MapLibre GL, Zoomstufe 17.	Detail bei Zoomstufe 19: Musterkacheln, Teich, Röhrichtgürtel und Bohlenweg.

ulg export web out/ schreibt unter anderem:

Daten vorbereiten mit to_geojson(): Die Funktion schreibt GeoJSON nach RFC 7946 in WGS 84 und ergänzt area_m2, womit die Layer kleinere Flächen über größeren zeichnen.

from ulg.export.web import to_geojson
to_geojson(gdf, "site.geojson", columns=["element", "crown_diameter"])

Layer einbinden

const layers = await (await fetch("ulg/maplibre-layers.json")).json();
new maplibregl.Map({
  container: "map",
  style: {
    version: 8,
    sprite: new URL("ulg/ulg-sprite", location.href).href,
    sources: { ulg: { type: "geojson", data: "site.geojson" } },
    layers: [{ id: "paper", type: "background", paint: { "background-color": "#F5F5F1" } }, ...layers]
  }
});

Für Vektorkacheln übergeben Sie source_layer= an maplibre_layers(). Größen in Metern verwenden den Breitengrad Ihrer Daten (latitude= in export_web). Kronengrößen werden aus crown_diameter, diameter_crown, kronendurchmesser und den übrigen Größenattributen gelesen, die der Python-Renderer kennt. MapLibre überblendet Füllmuster zwischen den Zoomstufen, daher sind Texturen bei ganzzahligen Zoomstufen am schärfsten.

Das Beispiel. examples/web/ ist eine vollständige Seite. Erzeugen Sie sie und liefern Sie sie aus:

python examples/web/build.py

python -m http.server 8765 --directory examples/web

Öffnen Sie http://localhost:8765 für das Demoquartier oder http://localhost:8765/?data=osm für den Block im OpenStreetMap-Stil mit gestapelten Flächen und Straßen als Mittellinien. Dieselbe Seite ist live unter urbansens.github.io/Urban-Landscape-Graphics/demo/ erreichbar (der Dokumentations-Workflow baut sie bei jedem Push neu). Die Seite erscheint standardmäßig auf Deutsch; mit ?lang=en erscheint sie auf Englisch (/?lang=en&data=osm).

5.4 Leaflet, folium, OpenLayers#

APIs im Leaflet-Stil erwarten eine Stilfunktion (Callback) mit einfachen Farben:

folium.GeoJson(gdf.to_crs(4326), style_function=ulg.style_function()).add_to(m)

Für Texturen in SVG-basierten Renderern binden Sie patterns.svg ein (ein <pattern id="ulg-<id>"> je Element) und füllen die Pfade mit url(#ulg-lawn). OpenLayers und deck.gl können die Sprite-PNG-Datei und ihren JSON-Index als Atlas verwenden.

5.5 Design-Tokens und Apps#

ulg export tokens out/

5.6 Druck und Illustration#

Die SVG-Ausgabe ist in Millimetern im Kartenmaßstab angelegt: Öffnen Sie sie in Inkscape, Illustrator oder Affinity, und sie ist maßstabsgetreu. Jede Objektgruppe trägt data-element="<id>", sodass sich Layer nach Element auswählen und neu gestalten lassen. Für PDF:

inkscape plan.svg --export-type=pdf