Vector tiles are packages of geographic data, packaged in predefined "tiles" of approximately square shape for transfer to the web. This is an emerging method of providing stylised web maps, combining some of the advantages of pre-rendered raster map tiles with vector map data. The server returns vector map data, which has been clipped to the boundaries of each tile, instead of a pre-rendered map image and it is the client that generates the image by applying a pre-defined style.

The data transfer is considerably reduced compared to a raster tiled map, as the vector data is generally much smaller than a rendered bitmap image. The style is applied later in the process, or even in the browser itself, allowing greater flexibility in the presentation of the data, and even providing interactivity with the map elements, since their vector representation already exists in the client.

Another advantage is that the processing power of the centralized server is less important since it is the client that is responsible for rendering using its own GPU.

In this course we will learn how to generate custom vector tiles, and apply a style to them, based on OSM data. We will also learn the principles of optimising both the tile generation and the styling to enable fast rendering of images in the browser. We will also discuss different approaches to bringing tiles online in a productive way

Date Training | © Shutterstock

Dates and locations

Target audience and prerequisites
 

  • Developers with GIS knowledge
  • GIS with development knowledge

 

  • Good notions in Docker and OpenStreetmap, Good knowledge in GIS, Knowledge of WEB mechanisms and HTTP protocol
Goals Training | © Shutterstock

Goals

  • Learn more about the ecosystem of vector tiles and their interests
  • Know how to set up a vector tile server
  • Know how to generate a style
  • Optimise/customise data and style
  • Serve a minimalist web mapping application that exploits vector tiles
  • Discuss the different possibilities and constraints for serving tiles in production in different ecosystems (dedicated server, cloud, etc)

Price
 

  • Public training in France or Switzerland: please contact us
  • Private training: please contact us
  • From 700 € or 900 CHF / day / trainee (for other currency, please contact us)

Camptocamp curriculum

Lecture content/Topics

Day 1

Presentation of the vector tile ecosystem

  • Issues
  • MVT sTyle specifications
  • MapBox style specifications
  • Client libraries (mapbox/maplibre, openlayers)
  • Libraries / server software (tileserver-GL, baremaps, etc)
  • Tiles seed software (tippecanoe, baremaps)
  • Style editing (Maputnik, Mapbox Studio)
  • Data management

Baremaps

  • Installation of the working environment
  • Downloading OSM data
  • Importing data into PostGIS and optimization
  • Tile and style development
  • Tile customisation and styling

Day 2

Front-end

  • mapbox/maplibre: development of a mini application using style and tiles

Server

  • Setting up a local server to serve the tiles and style with docker-compose
  • demo: exporting tiles to AWS S3 to take full advantage of a cloud service.

Conclusion

  • Further discussion, including how to serve tiles on the net in an efficient way
  • Possible future developments of the technology
  • Review of the principles learned in the course

Your Trainer:

Yves Jacolin | © Camptocamp

Yves Jacolin

Training & Support Manager

Contact and booking

HOW DID YOU HEAR ABOUT US? *
By submitting this form, I accept that the information entered will be used for the purposes described in the privacy policy.
Additional Trainings | © Shutterstock

Additional training

This training can be accompanied by:

  • PostGIS : spatial data base
  • Docker
  • Thematic training: spatial data
  • System infrastructure of a WebGIS solution
  • OpenLayers 3: develop a WebGIS application