Repository navigation
Intro Mapbox
Mapbox bietet oft für dieselbe Aktion – zum Beispiel das hinzufügen eines zusätzlichen Datalayers – zwei verschiedene Zugänge an. Der eine Zugang erfolgt über einen Online Style Editor, Mapbox Studio. Der andere direkt über die API.
Die Tutorials hier sind gekennzeichnet, ob sie Code (API) beinhalten oder Mapbox Studio (noCode): https://docs.mapbox.com/help/tutorials/
Mapbox Studio ist die Mapbox-Anwendung zur Verwaltung von Geodaten und zum Entwerfen benutzerdefinierter Kartenstile. Ihr verwendet Mapbox Studio, um eine Karte nach deinen genauen Vorgaben zu erstellen und zu gestalten, indem du deine eigenen Daten hochlädst und bearbeitest, von Mapbox bereitgestellte Tilesets verwendest, benutzerdefinierte Schriftarten und Symbole hinzufügst oder die integrierten Kartenstile der Vorlage verfeinerst.
Studio: https://studio.mapbox.com/
Manual: https://docs.mapbox.com/studio-manual/overview/
In diesem Tutorial erfahrt ihr, wie ihr einen benutzerdefinierten Stil im Mapbox Studio-Style-Editor erstellen. Der Mapbox Studio Monochrom-Stil ist anpassbar, wodurch ihr einen Kartenstil erstellen können, der mit dem Branding deines Projekts übereinstimmt. In diesem Tutorial erfahrst du, wie du den Mapbox Monochrome-Stil durch Ändern von Farben, Schriftarten und Beschriftungen anpassen können. Nachdem du das Tutorial abgeschlossen hast, wirst du einen Kartenstil erstellt haben, der die Mapbox-Markenfarben in jeder Zoomstufe und an jedem Ort der Welt widerspiegelt.
Create a custom style: https://docs.mapbox.com/help/tutorials/create-a-custom-style/
Access Token generieren: https://account.mapbox.com/access-tokens/
https://docs.mapbox.com/mapbox-gl-js/api/#quickstart
https://docs.mapbox.com/studio-manual/help/#tutorials
https://docs.mapbox.com/studio-manual/examples/
Ein Mapbox-Stil ist ein Dokument, das das visuelle Erscheinungsbild einer Karte definiert: welche Daten gezeichnet werden sollen, die Reihenfolge, in der sie eingezeichnet werden sollen, und wie die Daten beim Zeichnen zu gestalten sind. Ein Stildokument ist ein JSON-Objekt mit einer bestimmten Stammebene und verschachtelten Eigenschaften. Die Zielgruppe dieser Spezifikation umfasst:
Fortgeschrittene Designer und Kartographen, die Stile von Hand schreiben möchten, anstatt Mapbox Studio zu verwenden.
Entwickler, die stilbezogene Funktionen von Mapbox GL JS oder des Mapbox Maps SDK für Android verwenden.
Autoren von Software, die Mapbox-Stile generiert oder verarbeitet.
Diese Seite gibt euch einen Überblick über alle Layers und Properties: https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/
https://docs.mapbox.com/mapbox-gl-js/example/
Verwendung der API für statische Bilder
Die Static Images API gibt statische Kartenbilder zurück, die aus Stilen generiert wurden. Die API akzeptiert Parameter, die definieren, wie das statische Bild aussehen wird. Ein optionaler Parameter, addLayer, ermöglicht es, dem statischen Bild zur Renderzeit einen Layer hinzuzufügen. Ein Vorteil des Hinzufügens eines Layers zur Renderzeit ist das Styling auf der Grundlage von Daten. Du kannst addLayer verwenden, wenn deine Daten dynamisch sind und du möchtest, dass die Karte den Zustand dieser Daten zu einem bestimmten Zeitpunkt widerspiegelt.
Tutorial durcharbeiten:
https://docs.mapbox.com/help/tutorials/mapbox-gl-js-expressions/
https://docs.mapbox.com/help/tutorials/static-images-style-params/
Mapbox GL JS ist eine JavaScript-Bibliothek, die WebGL zum Rendern interaktiver Karten aus Vektorkacheln und Mapbox-Stilen verwendet.
https://docs.mapbox.com/mapbox-gl-js/api/
Studio Web Mobile 1 – 2020 ©Digital Ideation, HSLU, Maria Husmann und Hanna Züllig