Skip to content

Small demo repo for setting up a fully self-hosted static map website with NextJS and Protomap.

License

Notifications You must be signed in to change notification settings

wcedmisten/nextjs-protomap-demo

Repository files navigation

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 [email protected] before installing the project deps.

About

Small demo repo for setting up a fully self-hosted static map website with NextJS and Protomap.

Topics

Resources

License

Stars

Watchers

Forks