You can see the live demos at the following links. You can also access the styles as JSON for testing in mobile or other style tools.
This is the sample vector map displayed on the frontpage of https://maplibre.org - used in the helloworld examples and CI tests of @MapLibre organization.
It demonstrates the usage of simple vector tiles with the MapLibre World map style.
Hosted as static files directly on GitHub Pages, serverless, no keys, runs offline as well.
The MBTiles can be downloaded in the releases. For offline use you can download the .zip including the font and viewer.
The map uses a lightweight vector tileset to color and label the world countries. Country polygons are from Natural Earth Data. The shapefiles were converted into vector tiles using the MapTiler Desktop software, which generates similar .pbf tile directory structure as present, as well as GeoPackage MVT or MBTiles file output.
The resulting maplibre.mbtiles is available from this repo (pbf, z0-6, 4Mb).
The style.json map style renders groups of countries by color using a fill-color match expression on the country layer. Eight colors are taken from MapLibre Logo / Visuals defined as follows:
Design is heavily inspired by the the Geography Class map style from klokantech/vector-tiles-sample converted from the original open-source Tilemill style.
[
"match",
["get", "ADM0_A3"],
[
"ARM",
"ATG",
"AUS",
...
],
"#D6C7FF",
[...
The map labels are using the Open Sans SemiBold font.
The number tiles contain a black number indicating the tile's zoom level on a colored background, with a black border. These tiles can be used to investigate which zoom levels are loaded.
The number-hillshade tiles render the zoom level as an elevation that displays the number when used as a hillshade.
The terrain-ruffles tiles contain a ruffle around the border, which helps visualize bouundaries between loaded raster tiles.
The pmtiles/ directory contains PMTiles archives you can reference directly or download for your own testing. Archives are split into /vector and /raster folders because each archive holds a single tile type.
Please note: MapLibre style spec treats the two raster source types differently depending on the layer: raster-dem decodes pixel values as terrain elevation (hillshade, 3D terrain), while raster renders the raw pixels directly.
See the Protomaps MapLibre docs for GL JS setup (MapLibre Native has built-in PMTiles support and does not require the JS protocol plugin).
pmtiles/vector/world.pmtiles: the MapLibre World tileset described above (countries, geolines, centroids) as a single PMTiles archive (z0–6, ~3.6 MB).
Three composable archives centered on Innsbruck, Austria (9°E–15°E, 46°N–49°N): a Sentinel-2 or watercolor base raster, plus a Mapterhorn raster-dem hillshade. To demonstrate common usage, the two preview styles linked below composite the raster with the raster-dem and overlay with an OpenMapTiles vector overlay (borders, labels, peaks) from the OpenStreetMap US Tile Service.
| Hillshade (terrain DEM) | Sentinel-2 imagery + hillshade | Watercolor + hillshade |
|---|---|---|
 |
 |
 |
| Archive | Type | Source | Zoom | Size |
|---|---|---|---|---|
| imagery.pmtiles | raster (JPEG, 256px) |
EOX Sentinel-2 cloudless 2023 | z0–10 | ~24.7 MB |
| watercolor.pmtiles | raster (JPEG, 256px) |
Stamen watercolor (Cooper Hewitt) | z0–11 | ~18.6 MB |
| terrain.pmtiles | raster-dem (Terrarium WebP, 512px) |
Mapterhorn | z0–8 | ~21 MB |
Previews: imagery.html · watercolor.html. Styles: style-imagery.json · style-watercolor.json.
Coverage: all three are tight to the core box [9,46,15,49], except the watercolor archive, whose low zooms (z0–7) span a wider [0,41,23,56]; panning past z7 outside the core box can show overzoomed tiles.
Please preserve the licenses for all source data, embedded in each archive's metadata and shown on-map:
- Imagery: Sentinel-2 cloudless 2023 © EOX, CC BY-NC-SA 4.0 (modified Copernicus Sentinel data 2023; non-commercial).
- Watercolor: Stamen Design tiles archived by Cooper Hewitt, CC BY 3.0; map data © OpenStreetMap contributors (ODbL).
- Terrain: © Mapterhorn, from ESA Copernicus DEM.
- Vector overlay: © OpenStreetMap contributors (ODbL) via the OSM US Tile Service (OpenMapTiles).
the PMTiles Raster demos were kindly donated by Stephanie May, combining terrain from Mapterhorn, Sentinel-2 cloudless imagery by EOX, Stamen Design watercolor archived by Cooper Hewitt, and an OpenMapTiles overlay from the OSM US Tile Service. See Licensing for terms.
the MapLibre World demo was kindly provided by the MapTiler team (@klokan, @nbozon, @petr-pokorny-1, @tomasklanica).
the Terrain and OpenMapTiles demos were provided by @acalcutt with styles based on OSM Bright.
The font PBFs were generated using the scripts and source fonts from https://github.com/openmaptiles/fonts.
The debug tiles were provided by @NathanMOlson.