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.
See the live preview at https://demotiles.maplibre.org. You can also access the style as JSON for testing in mobile or other style tools.
| Style | Live Demo | style.json |
|---|---|---|
| MapLibre Demo | https://demotiles.maplibre.org | https://demotiles.maplibre.org/style.json |
| OSM Bright | 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 |
The MBTiles can be downloaded in the releases. For offline use you can download the .zip including the font and viewer.
Kindly provided by MapTiler team (@klokan, @nbozon, @petr-pokorny-1, @tomasklanica). The styles & tiles for terrain-tiles and tiles-omt for were added by @acalcutt.
The Open Sans Regular font PBFs were generated using the script and source fonts from https://github.com/openmaptiles/fonts.
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.
