1) Skapa ett konto hos Mapbox för att generera en API access token - https://account.mapbox.com/auth/signup/

Skapa Mapbox-konto

2) Logga in i Mapbox och välj "Create a map in Studio".

Mapbox Studio

3) Välj sedan "New style" i Mapbox Studio.

Ny stil

4) Välj lämplig stil-template, t.ex. "Streets", och klicka på "Customize Streets".

Välj stil-template

5) Hämta data från API:et. Frågan nedan skapar, till exempel, en zippad shapefil som innehåller positioner för City bike-stationerna i Stockholm.
https://openstreetgs.stockholm.se/geoservice/api/DIN API-NYCKEL/wfs/?version=1.0.0&request=GetFeature&typeName=od_gis:CityBikes_Punkt&outputFormat=SHAPE-ZIP

6) Panorera till Stockholm på kartan.

Panorera till Stockholm

7) Välj "Layers" upp i vänstra hörnet och klicka på plus-tecknet.

Lägg till lager

8) Välj "Upload data" och leta upp den nerladdade zip-filen från steg 5 och klicka "Confirm".

Ladda upp data

9) När uppladdningen är klar, gå till Source och välj CityBikes-lagret under "Unused Sources".

Välj lager

Informationen presenteras som ett lager med mörk bakgrund. Observera att bakgrunden INTE kommer att bli mörk i slutversionen av kartan.

Presentation av lager med en mörk barkgrund

Nu går det att exempelvis att byta namn på lagret genom att klicka på pennan bredvid lager-namnet. Det går även att byta namn på din Style från "Streets" till något mer passande, t.ex. Stockholm City Bike Visualisation samt stilsätta lagret på en mängd olika sätt.

Byta namn på lager

10) När du känner dig nöjd med presentation av kartlagret, klicka "Publish" för att spara den uppdaterade versionen av din karta.

Publicera lager

11) Klicka på "Styles" uppe i vänstra hörnet för att komma tillbaka till sida med dina kartor.

Tillbaka till styles

12) Klicka på dom tre prickarna bredvid stylen och välj "details".

Detaljer för stil

Välj sedan "share" för att utforska olika alternativ för hur man kan integrera och dela kartan med andra.

Alternativ för att integrera och dela karta

13) Ett alternativ till ovanstående är att presentera kartan på en webbsida med hjälp av Leaflet. Som utgångspunkt kan koden som finns på denna sida användas: https://leafletjs.com/examples/quick-start.html. Använd sedan URL:en nedan för att inkludera din karta i Leaflet-behållaren. På så vis kan en demo enkelt visas i en mobilenhet

14) Några idéer på hur man ytterligare kan visualisera öppna data finns på: https://opendatabits.com/