Map Demo

This is a minimal NextJS map demo for trying to set up MapLibre GL with Protomaps.

The .pmtiles files were created by first running openmaptiles

Currently these files used to default zoom level, which is only level 7. This means that high resolution zoom is not available, but it does show land usage details at a high level.

And then converting them with go-pmtiles

Install

Run dependencies with

npm install

Run the project with:

npm run dev

For a basic demo of using protomap tiles served as static assets, see:

http://localhost:3000/protomap

For a demo of extra polygon layers of isochrones, see:

http://localhost:3000/isochrone

Glyphs

The glyphs here are self hosted under /public/glyphs, and were generated from: https://github.com/openmaptiles/fonts

I initially had some issues installing the dependencies, but was able to get them installed by using node v16.18.0 and manually running npm install fontnik@0.7.0 before installing the project deps.