☰
Navigation :

Map Styles

Web mapping libraries

Most Javascript mapping libraries support vector tiles as data source.

Some well known options are:

Styling

Vector tiles are usually rendered using MapLibre styles. You can either write your style in this JSON format or use a visual style editor like Maputnik.

Available styles

The following open source rendering styles are available for Shortbread vector tiles.

VersaTiles Colorful

VersaTiles Colorful is a colorful, full featured map written for the MapLibre rendering engine. Demo using VersaTiles, a completely FLOSS stack for generating, distributing and using map tiles based on OpenStreetMap data, free of any commercial interests.

VersaTiles Colorful at zoom level 3 VersaTiles Colorful at zoom level 5 VersaTiles Colorful at zoom level 7 VersaTiles Colorful at zoom level 9 VersaTiles Colorful at zoom level 11 VersaTiles Colorful at zoom level 13 VersaTiles Colorful at zoom level 15

VersaTiles Neutrino

VersaTiles Neutrino is a light basemap style written for the MapLibre rendering engine.

VersaTiles Neutrino at zoom level 3 VersaTiles Neutrino at zoom level 5 VersaTiles Neutrino at zoom level 7 VersaTiles Neutrino at zoom level 9 VersaTiles Neutrino at zoom level 11 VersaTiles Neutrino at zoom level 13 VersaTiles Neutrino at zoom level 15

Shortbread-Demo-MapLibre

A very basic Maplibre style.

Shortbread-Mapnik

Shortbread-Mapnik is a colored base map style rendering roads, landuse, water, places, buildings and important boundaries without being too detailed. It is written for the Mapnik rendering engine using the vector tiles as source.

Shortbread Mapnik at zoom level 4 Shortbread Mapnik at zoom level 6 Shortbread Mapnik at zoom level 8 Shortbread Mapnik at zoom level 11 Shortbread Mapnik at zoom level 14 Shortbread Mapnik at zoom level 16