roblabs / demotiles

Demo vector tiles and map style for web, helloworld and CI tests @MapLibre. Hosted directly on GitHub Pages, serverless, no keys.

MapLibre sample world map - demotiles

This is the sample vector map displayed on the frontpage of www.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.

Live preview https://demotiles.maplibre.org/

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 Open Sans Regular font PBFs were generated using the script and source fonts from https://github.com/openmaptiles/fonts.

World countries vector tiles

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).

Maplibre World map style

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.