Meine Karte in der Freiheit

Praktische Tipps und Tricks beim Kartenexport nach Web und Print


Johannes Kröger
HafenCity Universität Hamburg g2lab.net

@cartocalypse
https://hannes.enjoys.it/blog/

Achim Tack
Civity Management Consultant
@a_tack

Das g2lab an der HCU

Labor für Geoinformatik und Geovisualisierung
www.geomatik-hamburg.de/g2lab/
Du/Sie/Ihr?

Im Lieferumfang enthalten

Im Lieferumfang enthalten

"Dumme" Rasterbilder

  • Selber Kartenausschnitt wie angezeigt
  • 1:1 Pixelauflösung
  • BMP, JPEG, PNG, TIF u.a.

Screenshot

→ Rasterbild ohne Georeferenzierung

Project → Save as image…

→ Rasterbild mit Georeferenzierung

Schlecht reproduzierbar...

Export via Composer

  • Project → Print Composers
  • Möglichkeit weitere Elemente wie Legende, Maßstabsleiste, Gitter etc. hinzuzufügen
  • Möglichkeit Kartenausschnitt, Maßstab etc. festzulegen
  • Mehrere Karten je Composer, mehrere Composer je Projekt

Formate

  • Als Raster unter anderem: BMP, JPEG, PNG, TIF
    • "Seitengröße" und DPI einstellbar
  • Als Vektoren: PDF, SVG, PS (mehr dazu gleich)

Composer: PostScript, SVG und PDF

Oftmals problematisch...

  • SVG kann Kartenlayer als SVG Groups exportieren, dann bekommt man je Layer eine (namenlose) Group
  • Gekurvter Text wird in einzelne Buchstaben zerlegt
  • Man kann Text zu Outlines umwandeln, dann verliert man halt die Info, aber bekommt das gleiche Aussehen wie in QGIS
  • Bezug zwischen Label und seiner Geometrie geht verloren (zB bei Straßenbeschriftungen)
  • ...

Composer: PostScript, SVG und PDF

Oftmals problematisch...

  • Hohe Auflösung → Arbeitsspeicher voll… (in QGIS 3 viel besser)
  • Unterschlägt gerne mal einen Layer
  • Symbole gehen teilweise kaputt
  • Linienstärken teilweise abenteuerlich


Habt ihr Budget? Dann finanziert doch mal besseren Export, also semantische, verschachtelte Groups mit Subgroups, perfekter Text etc :)) Sollte mit wenigen Tausend Euro möglich sein und der Dank unzähliger Nutzer wäre euch gewiss.

Stapelverarbeitung mit dem Atlas

Wofür?

Stapelverarbeitung/-export
Steckbriefe

Was?

Rasterbilder oder Vektordaten (was der Composer halt out-of-the-box exportieren kann)

Nachteile?

Steile Lernkurve (um nicht zu sagen frickelig :o) )

Stapelverarbeitung mit dem Atlas

Livedemo!


Atlas.qgs
Steckbrief je National Park

Hilfereiche Plugins

Hilfereiche Plugins

HTML Image Map Creator

This plugin creates a static image map (HTML5/CSS/JavaScript) with interactive features

HTML Image Map Creator

Wofür?

Einzelne, statische, fixe Karte mit wenigen bzw. undetaillierten interaktiven Inhalten
  • Mouseover/Annotationen reichen, die Geometrien bewegen sich nicht, kein Zoom o.ä.

Was?

HTML-Datei
PNG

Nachteile?

Karte ist statisch, total unhip
Für Image Maps ist kaum CSS möglich, SVG wäre schicker ;)

HTML Image Map Maphahahaaa Creator

  • Export des Kartenausschnitts als statisches Rasterbild
  • Mit nutzerspezifizierten -Bereichen für Interaktivität
  • Grafisch so komplex wie man will, weil Rasterbild
    • Areas sollten natürlich reasonable sein in Sachen Anzahl und Komplexität
  • Diese sind klickbar, hover-bar, etc
  • Kann nicht viel, aber einfach und praktisch

HTML Image Map Creator

Livedemo!


HTML Image Map Creator Strava Elbhang.qgs
  • Geländemodell mit Hillshading
  • Strava Runner Tracks
  • Selbstgezeichnete Areas of Interest

qgis2web

Wofür?

QGIS-Projekt ins Web bringen
Geoobjekte auf Hintergrundkarte publizieren
Prototyp für interaktive Webkarte mit Zoom und Pan, ggf fast schon publikationsfertig

Was?

HTML-Datei plus ein Haufen CSS und JavaScript (Leaflet oder OpenLayers plus Hilfsbibs)
Daten in GeoJSON

Nachteile?

Nur Untermenge der QGIS-Styling-Optionen werden übernommen
Begrenzte Komplexität/Menge der Daten
Kein Kacheln

qgis2web

A QGIS plugin to export a map to an OpenLayers/Leaflet webmap

  • Basemap mit beliebigen Overlays
  • Basemap selbst ist statisch und kann nicht verändert werden
  • Auswahl einer möglichst gut geeigneten Basemap ist sehr sinnvoll (selber machen?)
  • Zoom und Pan beschränken!
    • Wenn es um Deutschland geht, warum sollte man in die USA zoomen können
  • GeoJSON Precision beschränken!
    • 6 Stellen ist gute Faustregel, entspricht rund 5-10 Zentimetern
    • Nutzer bekommen Zugriff auf die Daten! Sollten die genauen Koordinaten "sensibel" sein, dann verändert/beschränkt sie vorher!

qgis2web

Kann seit kurzem auch Daten mit zeitlicher Komponente interaktiv ein- und ausblenden Aber wie weiß bisher nur der Russe, der das programmiert hat

qgis2web

Livedemo!


qgis2web Flickr Dortmund U.qgs
  • (Angebliche) Standorte, von denen Fotos des U gemacht wurden
  • Linien zum U
  • Bilder im Popup
  • Frei gewählte Hintergrundkarte

QTiles

Generate tiles from QGIS project

  • Eigene gekachelte “Basemap” erstellen
    • Dann in Leaflet, Openlayers, (qgis2web), Mapbox o.ä. weiterverwenden
  • Maßstabsabhängige Regeln möglich (wie in QGIS halt)
  • Wie Tilemill nur halt für QGIS-Projekte

QTiles

Wofür?

Export einer Hintergrundkarte
Hochdetaillierte Karten
Pan und Zoom

Was?

Verzeichnisbaum mit Kacheln
Minimale HTML-Datei für Preview

Nachteile?

Nur “Web Mercator”-Projektion
Langsam im Vergleich zu Tilemill

QTiles

Livedemo!


QTiles DeutschlandGM.qgs
  • Höhenmodell in Schwarz-Rot-Gold

qgis2threejs

3D visualization powered by WebGL technology and three.js JavaScript library


qgis2threejs

QGIS Ausschnitt → 3D!

Wofür?

Vertretbarer Detailgrad
Nutzer sollen interagieren können

Was?

HTML-Datei plus ein Haufen CSS und JavaScript
Daten in (ggf riesigen) JavaScript-Objekten

Nachteile?

ggf Datenmenge
ggf Systemanforderungen
UI/UX-Komplexität
Steile Lernkurve

qgis2threejs

Optionen

  • Auflösung des TIN
  • Reguläres TIN vs. einfacher Quadtree
  • Auflösung der Textur
  • Angemessene Überhöhung des Geländes
  • Beschriftungen
  • Achsen, Maßstab
  • Clip by Polygon → Als Kreis ausschneiden kann sehr schick werden
Geringe Auflösung des TIN
Hohe Auflösung des TIN
Geringe Auflösung des TIN
Hohe Auflösung des TIN
TIN
Quadtree
TIN
Quadtree
Faktor 1
Faktor 3
Faktor 10

qgis2threejs

bietet Möglichkeiten...

Und anschließend kann man mit all den Möglichkeiten von three.js weitermachen, z.B.
  • Fog
  • Shader
  • 3D-Modelle
  • Interaktivität

Oder die 3D-Daten für weitere Bearbeitung oder andere Software exportieren? → STL (binär oder ASCII), COLLADA (.dae), obj&mtl

qgis2threejs

Livedemo!


qgis2threejs Bombenkrater.qgs
  • Geländemodell mit Hillshading
  • Luftbilder für Textur
  • Bombenkrater per Hand identifiziert
  • Schneise für Gasleitung digitalisiert

Time Manager

Time Manager

Create animations visualizing spatio-temporal data

Eigentlich um in QGIS Daten mit zeitlicher Komponente zu untersuchen, aber es kann exportieren

Wofür?

Daten mit zeitlichem Aspekt

Was?

Einzelne Bilder bzw. Video

Nachteile?

Bisschen frickelig
Interaktion auf Veränderung des zeitlichen Ausschnitts beschränkt (nur in QGIS, für ein exportiertes Video müsste man selbst schauen wie man das umsetzt)

Time Manager

Livedemo!


Time Manager.qgs
  • Leonidas Track
  • Elbe DGM

Ende

Wem das nicht reicht

D3 Map Renderer
  • Scheint nicht sooooo klasse und nicht ganz up-to-date
Einfach GeoJSON exportieren und uneinfach selber machen?
mapmap.js anguckn!
Vector Tiles werden kommen?

Fazit?

  • Tolle Resultate mit nur wenigen Klicks
  • Möglichkeit der weiteren Verarbeitung und Verschönerung
  • Natürlich könntet ihr vieles davon auch bei kommerzielle, externen Anbietern machen, aber ihr wollt doch bestimmt eure Daten und die Privatsphäre eurer Nutzer schützen oder?
Fragen!