Skip to content

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

License

Notifications You must be signed in to change notification settings

sing78/demotiles

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MapLibre Demo Tiles

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

MapLibre World demo map

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.

maplibre-world-map-style

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.

maptiler-desktop-generate-vector-tiles

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:

color-palette

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.

Contributors

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.

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 100.0%