Basemaps for Leaflet
WARNING
The protomaps-leaflet library for displaying vector basemaps is in maintenance mode. You should only use it for legacy projects that depend heavily on Leaflet - otherwise use MapLibre GL JS.
The simplest way to include a map in your application via script includes tag:
js
<script src="https://unpkg.com/protomaps-leaflet@5.0.0/dist/protomaps-leaflet.js"></script>
<script>
const map = L.map('map')
var layer = protomapsL.leafletLayer({url:'FILE.pmtiles OR ENDPOINT/{z}/{x}/{y}.mvt', flavor: 'light', lang: 'en'})
layer.addTo(map)
</script>To use with a bundler:
npm add protomaps-leafletCustomization
The flavor option must be one of light, dark, white, grayscale, black.
The lang option can be one of the supported languages.