Durch tägliche Nutzung sind wir vertraut mit dem Layout und der Gestaltung von Google Maps. Je nach Anwendung wechseln wir dort zwischen verschiedenen Ebenenansichten wie der Verkehrsanzeige bei der Navigation mit dem Auto oder den ÖPNV, wenn wir den schnellsten Weg zur nächsten Bushaltestelle suchen.
Im professionellen Einsatz von individueller Software mit eigenen Karten treten jedoch ganz eigene Herausforderungen auf. Oft ist nicht nur die Anpassung von Kartenmarkern oder die Anzeige von Clustermaps zur Visualisierung eigener Daten erforderlich, sondern auch die Anpassung der Gestaltung der Karte an sich. Und genau da kommt Maputnik von MapLibre ins Spiel.
Was ist Maputnik?
Maputnik ist ein visueller, kostenloser Open Source Editor von, der die Gestaltung von Vector Tile Maps nach der MapLibre Style Spezifikation einfach ermöglicht. Das Tool kann sowohl im Browser genutzt als auch lokal auf dem eigenen Rechner installiert werden. MapLibre ist eine gern genutzte und im Business-Kontext weit verbreitete Rendering-Engine für digitale Karten. Diese Karten können dann in Webanwendungen oder mobile Apps eingebunden werden.
Vorteil des Maputnik-Editors
Der größte Vorteil des Editors ist, dass die angepassten Karteneigenschaften unter anderem als JSON Format exportiert und in eigene Anwendungen eingebunden werden. Wo die Vector-Tiles der Karte gehostet werden, hängt ganz von den Spezifikationen des Projekts ab. Wir haben gute Erfahrungen mit AWS Buckets gemacht.
Beispiele für Kartenstyling mit Maputnik
Und wie genau geht jetzt das individuelle Stylen einer Karte mit dem MapLibre Maputnik Editor? Ganz einfach.
Zuerst öffnen wir https://maplibre.org/maputnik/ und wählen eins der default Sets aus. Im nun geöffneten Editor können wir uns entweder links in der Übersicht durch die Properties klicken und genau die einzelnen Eigenschaften wie die Farbe und die Transparenz anpassen.
Die Eigenschaften des neuen Designs können wir ganz einfach als JSON exportieren und so einfach und bequem die Karten in unserer eigenen Softwareanwendung gestalten.
