From 2fa87ea9bb64559e448ab233c7b3b408cc23cce0 Mon Sep 17 00:00:00 2001
From: Brandon Liu <bdon@users.noreply.github.com>
Date: Fri, 26 Dec 2025 16:02:20 +0800
Subject: [PATCH] fix leafletRasterLayer: empty tiles have display:none [#620]
 (#627)

---
 js/CHANGELOG.md                      | 3 +++
 js/examples/leaflet.html             | 2 +-
 js/examples/maplibre.html            | 2 +-
 js/examples/maplibre_advanced.html   | 2 +-
 js/examples/maplibre_raster_dem.html | 2 +-
 js/package-lock.json                 | 4 ++--
 js/package.json                      | 2 +-
 js/src/adapters.ts                   | 2 ++
 8 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/js/CHANGELOG.md b/js/CHANGELOG.md
index 1846730..aea7568 100644
--- a/js/CHANGELOG.md
+++ b/js/CHANGELOG.md
@@ -1,3 +1,6 @@
+4.3.2
+* fix leafletRasterLayer empty images: set `display: none`
+
 4.3.1
 * fix leafletRasterLayer handling of empty tiles by @thisisaaronland [#620]
 * maplibre: properly abort requests using AbortController by @andrewda [#608]
diff --git a/js/examples/leaflet.html b/js/examples/leaflet.html
index 56d1a36..1972e75 100644
--- a/js/examples/leaflet.html
+++ b/js/examples/leaflet.html
@@ -4,7 +4,7 @@
         <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.3.1/dist/pmtiles.js"></script>
+        <script src="https://unpkg.com/pmtiles@4.3.2/dist/pmtiles.js"></script>
         <style>
             body, #map {
                 height:100vh;
diff --git a/js/examples/maplibre.html b/js/examples/maplibre.html
index c2b154c..8d90ca6 100644
--- a/js/examples/maplibre.html
+++ b/js/examples/maplibre.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8"/>
         <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.13.0/dist/maplibre-gl.css" crossorigin="anonymous">
         <script src="https://unpkg.com/maplibre-gl@5.13.0/dist/maplibre-gl.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/pmtiles@4.3.1/dist/pmtiles.js"></script>
+        <script src="https://unpkg.com/pmtiles@4.3.2/dist/pmtiles.js"></script>
         <style>
             body {
                 margin: 0;
diff --git a/js/examples/maplibre_advanced.html b/js/examples/maplibre_advanced.html
index 48e4b79..ec7c68e 100644
--- a/js/examples/maplibre_advanced.html
+++ b/js/examples/maplibre_advanced.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8"/>
         <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.13.0/dist/maplibre-gl.css" crossorigin="anonymous">
         <script src="https://unpkg.com/maplibre-gl@5.13.0/dist/maplibre-gl.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/pmtiles@4.3.1/dist/pmtiles.js"></script>
+        <script src="https://unpkg.com/pmtiles@4.3.2/dist/pmtiles.js"></script>
         <style>
             body {
                 margin: 0;
diff --git a/js/examples/maplibre_raster_dem.html b/js/examples/maplibre_raster_dem.html
index bd38375..6833ff0 100644
--- a/js/examples/maplibre_raster_dem.html
+++ b/js/examples/maplibre_raster_dem.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8"/>
         <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.13.0/dist/maplibre-gl.css" crossorigin="anonymous">
         <script src="https://unpkg.com/maplibre-gl@5.13.0/dist/maplibre-gl.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/pmtiles@4.3.1/dist/pmtiles.js"></script>
+        <script src="https://unpkg.com/pmtiles@4.3.2/dist/pmtiles.js"></script>
         <style>
             body {
                 margin: 0;
diff --git a/js/package-lock.json b/js/package-lock.json
index 8588267..ba3efd0 100644
--- a/js/package-lock.json
+++ b/js/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "pmtiles",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "pmtiles",
-      "version": "4.3.1",
+      "version": "4.3.2",
       "license": "BSD-3-Clause",
       "dependencies": {
         "fflate": "^0.8.2"
diff --git a/js/package.json b/js/package.json
index fa7928f..c42c9f2 100644
--- a/js/package.json
+++ b/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pmtiles",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "description": "PMTiles archive decoder for browsers",
   "type": "module",
   "main": "dist/cjs/index.cjs",
diff --git a/js/src/adapters.ts b/js/src/adapters.ts
index 488d593..e1cd829 100644
--- a/js/src/adapters.ts
+++ b/js/src/adapters.ts
@@ -56,6 +56,8 @@ export const leafletRasterLayer = (source: PMTiles, options: unknown) => {
             const blob = new Blob([arr.data], { type: mimeType });
             const imageUrl = window.URL.createObjectURL(blob);
             el.src = imageUrl;
+          } else {
+            el.style.display = "none";
           }
           el.cancel = undefined;
           done(undefined, el);