Join GitHub today
GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together.Sign up
Welcome to the foss4gNL vector tiles workshop wiki!
You need to know a little about: HTML, CSS & JS.
Or do some online courses like the ones on Code Academy
Next you need your laptop with:
- a web browser, like Firefox, Chrome or Safari.
- a proper text editor, like Visual Studio Code , SublimeText or Brackets 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.
You need your laptop with:
- everything from the beginners course
Optional: your own data in
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.
Takes you to the next step
In the tutorials you will see:
This are the things that you should do, execute, get working! Hands on!
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
Some additional reading materials or interesting Links.
On your computer create a directory for yourself, where we can work in today. For example:
In these directories we save everything we make and download today. During this workshop it is referred to as
First things first, download the workshop materials and put them in
Now you will have:
/home/niene/Documents/MyVectorTileMap /workshop_materials /data /solutions /1_mapboxgl /2_maboxgl
Start with step one: Mapbox Studio