Skip to content
NieneB edited this page Jul 9, 2018 · 11 revisions

Welcome to the foss4gNL vector tiles workshop wiki!

Beginners

You need to know a little about: HTML, CSS & JS.

:link: If you are not that comfortable with HTML, CSS and JavaScript yet, this Making a Web page tutorial will help you along!

:link: Or do some online courses like the ones on Code Academy

Next you need your laptop with:

Syntax Highlighting

Syntax highlighting is a feature of text editors that are used for programming, scripting, or mark-up languages, such as HTML. It displays text, especially source code, in different colours and fonts according to the category of terms to make them more visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.

Advanced

You need your laptop with:

  • everything from the beginners course
  • Docker
  • NodeJS/NPM
  • Optional: your own data in PostGIS or as GeoPackage

How does this tutorial work?

Just follow the links or the sidebar. At the bottom of each step is the link to the next step.

:fast_forward: Takes you to the next step

In the tutorials you will see:

:arrow_forward: This are the things that you should do, execute, get working! Hands on!

:information_source: Indicates an explanation about the code blocks.

Code is shown in code blocks or in-line. this is in-line code

<h1> This is block code </h1>

Some background information, extra information or debug tips are shown in grey :

This is some additional information or Some extra explanation

:link: Some additional reading materials or interesting Links.

Preparation

:arrow_forward: On your computer create a directory for yourself, where we can work in today. For example:

/home/niene/Documents/MyVectorTileMap

In these directories we save everything we make and download today. During this workshop it is referred to as :open_file_folder:yourDirectory.

:arrow_forward: First things first, download the workshop materials and put them in :open_file_folder:yourDirectory

:link: https://github.com/NieneB/foss4gNL_vector_tiles/archive/master.zip

Now you will have:

/home/niene/Documents/MyVectorTileMap
    /workshop_materials
        /data
        /solutions
        /1_mapboxgl
            /2_maboxgl

Let's START!

:fast_forward: Start with step one: Mapbox Studio

You can’t perform that action at this time.