A demo of using Shortbread Vector Tiles styled with MapLibre map rendering.
This is a very, very simple demo style, which doesn't show the range of what is possible with Shortbread.
Consult the Shortbread documentation for how to get a shortbread mbtiles file.
Your browser needs the tiles in the mbtiles file to be accessible via HTTP. Tilemaker contains a simple tilemaker-server
tool which does this easily. Keep this command running while you use the map.
tilemaker-server ./path/to/shortbread.mbtiles
The map style presumes the tiles are served on http://localhost:8080/
, which is the default for this command.
You need to access the index.html
file via HTTP, not via a file://
URL, which happens when you open the HTML file in your web browser. Use a static HTTP server like simple-http-server
to serve the files in this directory. This tool
simple-http-server --cors -i .
The map style & HTML & JS presume content is server on http://localhost:8000/
, which is the default for this command.
View the simple map: http://localhost:8000/
!