mirrors/PMTiles
1
0
Fork 0
mirror of https://github.com/protomaps/PMTiles.git synced 2026-03-22 06:49:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

deploy: 26424aa80b

Browse Source
This commit is contained in:
bdon
2026-03-02 15:47:47 +00:00
commit ec68faa5a0
55 changed files with 5033 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
examples/leaflet.html Normal file
View File

@@ -0,0 +1,32 @@
<html>
<head>
<title>PMTiles Leaflet Example</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.0/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.9.0/dist/leaflet.js"></script>
<script src="https://unpkg.com/pmtiles@4.4.0/dist/pmtiles.js"></script>
<style>
body, #map {
height:100vh;
margin: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
const map = L.map("map");
const p = new pmtiles.PMTiles(
"https://air.mtn.tw/flowers.pmtiles"
);
p.getHeader().then((h) => {
let layer = pmtiles.leafletRasterLayer(p, {
maxNativeZoom: h.maxZoom
});
map.fitBounds(L.latLngBounds([h.minLat, h.minLon],[h.maxLat, h.maxLon]));
layer.addTo(map);
});
</script>
</body>
</html>