- Notifications
You must be signed in to change notification settings - Fork0
Simple Leaflet example for Protomaps with custom bbox
License
NotificationsYou must be signed in to change notification settings
do-me/protomaps-example
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Simple Leaflet example for Protomaps with custom bbox.
Either get a world file or use a bounding box.
World:
- Download the latest non-alpha world file fromhttps://maps.protomaps.com/builds/. As of 09/2024 it's 127Gb in size.
Area of interest:
- Search your bbox fromhttp://bboxfinder.com/ and copy the values from bbox (not from the url as lat lon is switched!) e.g.
11.532383,48.106973,11.619759,48.162650 - download the latest pmtiles binary fromhttps://github.com/protomaps/go-pmtiles/releases and run the command, e.g. this for Munich:
./pmtiles extract https://build.protomaps.com/20240812.pmtiles munich.pmtiles --bbox=11.532383,48.106973,11.619759,48.162650
Downloadindex.html and change the pmtiles filename if needed.
Make sure that the index.html & your_area.pmtiles file is saved in the same directory. E.g.
- in VS Code simply run the webserver plugin for port 5500 and go tohttp://localhost:5500/
- using npx:
npx serve - using python:
python -m http.server
You will now see a nicely rendered background map for your area of interest or the world.