Screenshot des visuellen Editors Maputnik mit einer Karte von Deutschland
Valerie | 03.05.2024

Maputnik, der visuelle Editor von MapLibre

Kartensoftware > Maputnik, der visuelle Editor von MapLibre

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.

Styling der forest Property in MaputnikKleines Beispiel: So einfach erscheinen alle Wälder in einem tiefen, kräftigen Dunkelgrün.

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.

Valerie Schramm
Valerie (Content Marketing & Scrum)

… ist nicht nur Scrum Master, sondern auch unsere Kreativkraft fürs Content Marketing. Mit einem Händchen für Texte und Designkonzepte bringt sie frischen Wind in unsere Außenkommunikation und hält st... mehr anzeigen

Standort Hannover

newcubator GmbH
Bödekerstraße 22
30161 Hannover

Standort Dortmund

newcubator GmbH
Westenhellweg 85-89
44137 Dortmund