mirrors/PMTiles

mirror of https://github.com/protomaps/PMTiles.git synced 2026-02-04 19:01:08 +00:00

Files

History

Brandon Liu ff19c76403 js code formatting and linting

2022-10-17 23:23:38 +08:00

..

fix tests for spec magic number/compression changes

2022-10-05 10:46:19 +08:00

.gitignore

update gitignore

2022-02-17 13:31:17 +08:00

adapters.ts

revert setting maxzoom in leaflet adapter in favor of explicit async header loading.

2022-10-17 21:14:17 +08:00

CHANGELOG.md

js v2.0.0: rename protocol.tileFunc -> tile, CHANGELOG, README

2022-10-13 10:13:10 +08:00

index.ts

js code formatting and linting

2022-10-17 23:23:38 +08:00

package-lock.json

js 2.2.0

2022-10-17 21:20:37 +08:00

package.json

js 2.2.0

2022-10-17 21:20:37 +08:00

README.md

Update README.md

2022-10-14 00:10:54 +08:00

tsconfig.json

js library has better organization

2022-10-04 23:40:38 +08:00

v2.ts

js code formatting and linting

2022-10-17 23:23:38 +08:00

README.md

PMTiles

the PMTiles package can be included via script tag or ES6 module.

Leaflet

Raster tileset

Example of a raster PMTiles archive displayed in Leaflet:

const p = new pmtiles.PMTiles('example.pmtiles')
pmtiles.leafletRasterLayer(p,{attribution:'© <a href="https://openstreetmap.org">OpenStreetMap</a>'}).addTo(map)

Vector tileset

See protomaps.js

MapLibre GL JS

Example of a PMTiles archive displayed in MapLibre GL JS:

let protocol = new pmtiles.Protocol();
maplibregl.addProtocol("pmtiles",protocol.tile);
var style = {
"version": 8,
"sources": {
    "example_source": {
        "type": "vector",
        "url": "pmtiles://https://example.com/example.pmtiles",
        "attribution": '© <a href="https://openstreetmap.org">OpenStreetMap</a>'
    ...