Package Exports
- protomaps-leaflet
- protomaps-leaflet/dist/protomaps-leaflet.js
- protomaps-leaflet/dist/protomaps-leaflet.module.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (protomaps-leaflet) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
protomaps-leaflet
Vector tile rendering and labeling for Leaflet.
This project is a complete web map renderer - including quality label layout, pattern fills, and icons - in as simple as possible of an implementation. It's an alternative to renderers like MapLibre GL JS in a fraction of the size.
Features
- Render interactive slippy maps with Leaflet integration
- Supports variable web fonts with multiple weights and italics in a single font file
- Can read normal Z/X/Y tile URLs or offline, static-hosted tile archives in PMTiles format
- Full out-of-the-box support for right-to-left and Indic/Brahmic writing systems
- Configurable via plain JavaScript
- Extensible API for defining your own symbolizers
See the docs on what protomaps-leaflet is, what protomaps-leaflet is not
Demos
- Simple Leaflet demo
- "Toner" black-and-white style
- Multi-language customization
- Satellite + labels demo
- GeoJSON between basemap and labels demo
- Map inset
- Custom fonts
How to use
<script src="https://unpkg.com/protomaps-leaflet@latest/dist/protomaps-leaflet.min.js"></script>
<script>
const map = L.map('map')
var layer = protomapsL.leafletLayer({url:'FILE.pmtiles OR ENDPOINT/{z}/{x}/{y}.mvt'})
layer.addTo(map)
</script>Project Status
The design is still evolving rapidly, so do not expect any kind of stable internal or external-facing API between minor versions. But please do report bugs and discuss requirements in the Issues.