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.
| Style | Live Demo | style.json |
|---|---|---|
| MapLibre World | https://demotiles.maplibre.org | https://demotiles.maplibre.org/style.json |
| OpenMapTiles, centered around Innsbruck, Austria |
https://demotiles.maplibre.org/tiles-omt | https://demotiles.maplibre.org/styles/osm-bright-gl-style/style.json |
| Terrain, centered around Innsbruck, Austria |
https://demotiles.maplibre.org/terrain-tiles | https://demotiles.maplibre.org/styles/osm-bright-gl-terrain/style.json |
| Debug, demonstrating tile zoom variation |
https://demotiles.maplibre.org/debug-tiles |
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 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.