Here is a simple bootstrapper for displaying our vector map tiles with the mapbox gl js api.

Note that that this bootstrapper has a workaround for CORS errors, getting the map stylesheet and some other files are from our https server when launching the webpage from a local filesystem. An example of how to serve an inlined stylesheet from the local filesystem is provided here: https://vektordemo.viamap.net/starterkit/inlinestyle.html.

I've made a stepwise tutorial which covers the following:

Step 1: https://vektordemo.viamap.net/starterkit/step1.html

Step 2: https://vektordemo.viamap.net/starterkit/step2.html. Also available as an unclustered version.

Step 3: https://vektordemo.viamap.net/starterkit/step3.html

Step 4: https://vektordemo.viamap.net/starterkit/step4.html

Step 5: https://vektordemo.viamap.net/starterkit/step5.html

Step 6: https://vektordemo.viamap.net/starterkit/step6.html

Step 7: https://vektordemo.viamap.net/starterkit/step7.html

You can download the starterkit in its current from the following link and play around with the code, which runs well directly from my local filesystem: https://vektordemo.viamap.net/starterkit.zip

The starterkit does not currently provide data via https, this will be provided on a per customer basis when a product is nearing production.