eksempelkart

Oppgaver

Oppgave 1 - komme i gang

Klon eller fork+klon dette prosjektet slik at du får en kopi på egen harddisk.
Åpne index.html (fra lokal disk) i Firefox og style.json i en teksteditor.
Se på kartet og skumles filene.

Oppgave 2 - stops

Bruk Mapbox Style Specification og endre slik at dybdekurver (DEPCNT) slik at den blir litt tykkere når man zoomer inn. Hint: prøv med stops. Kan en diskret forskjell være bedre enn samme tykkelse hele veien?

Oppgave 3 - roterte symboler med data-driven styling

Se på S52_SYMBOL_135. Den takler kun symboler rotert til 135 grader, men med data-driven styling kan den endres til S52_SYMBOL_ROTATE og så heller bruke egenskapen ROTATE og dermed fungere for alle vinkler. Prøv det og se om det virker med RCTLPT-pilene vest for Mortavika-Arsvågen.

Prøv også å roter kartet og se hvor pilene peker. Det kan justeres med icon-rotation-alignment.

Roteringen stemmer ikke helt pga projeksjon. Det bør kanskje løses ved å introdusere en ROTATE_CRS som gjør om rotasjonsverdien fra storsirkel til skjerm for det aktuelle stedet og den aktuelle projeksjonen.

Data-driven styling virker dessverre foreløpig kun på JS, men det er ikke lenge til den også virker i Native på iOS og Android.

Oppgave 4 - Norge i Bilder

Kopier index.html og style.json til nye filer og endre i html-filen så den peker på rett json.
Legg til Norge i Bilder som en source. Bruk URLen https://kartverket.maplytic.no/tile/_nib/{z}/{x}/{y}.jpeg for automatisk håndtering av gatekeeper tokens.
Legg til et layer for Norge i Bilder rett etter background med et innhold ala { "id": "nib", "type": "raster", "source": "nib" }
Fjern de gamle landcover_* og kanskje noen hus for å se Norge i Bilder.
Sett fornuftig maxzoom for å unngå hvit skjerm når man zoomer for langt inn.

Oppgave 5 - forbedre kartet

Finn ut hvordan kartene kan bli bedre og prøv å få det til. Bruk Mapbox Style Specification.

Oppgave 6 - GeoServer med vector tiles

Last ned GeoServer 2.11 og tilhørende vectortiles-plugin fra her
Installer og start GeoServer med vectortiles-plugin
Publiser et dataset
Slå på caching av datasettet også i formatet application/x-protobuf;type=mapbox-vector
Se på TMS capabilities og finn URL til publisert datasett i rett format og koordinatsystem. Bruk det med "/{z}/{x}/{y}.pbf" som en source med "scheme": "tms" i Mapbox GL. Da blir det noe ala dette

  "countries": {
    "type": "vector",
    "scheme": "tms",
    "tiles": [
      "http://127.0.0.1:8080/geoserver/gwc/service/tms/1.0.0/tore%3Acountries@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf" 
        ]
    }

Lag en layer i Mapbox GL stilen som definerer tegnereglene.
Legg til CORS-headere i GeoServer om det mangler.
GeoServer bør oppgradere til nyere java-vector-tile for vector tile spec v2.

Oppgave 7 - Mapserver med vector tiles

clon MapServer/MapServer#5376 og pass på at du er i rett branch
bygg

mkdir build ; cd build
cmake -DCMAKE_INSTALL_PREFIX=/usr/local ../
make
sudo make install

Da er application/x-protobuf et tilgjengelig wms format
Hvordan få xyz/tms url?

Oppgave 8 - en annen klient

Se på et av eksemplene til Leaflet.VectorGrid og prøv å tilpass den til å bruke en annen tile server. Eller følg denne tutorialen for å prøve GeoServer med OpenLayers.

halset/eksempelkart