From 44fc6af9c3211a119726ef6733db6d25ffe28d18 Mon Sep 17 00:00:00 2001 From: Malte Modrow Date: Wed, 3 Jun 2026 11:37:08 +0200 Subject: [PATCH 1/2] refactor: use deckgl for heatmap example --- .../{heatmap => deckgl-heatmap}/README.md | 6 +-- .../data/earthquakes.json | 0 .../{heatmap => deckgl-heatmap}/index.html | 2 +- .../{heatmap => deckgl-heatmap}/package.json | 3 ++ .../{heatmap => deckgl-heatmap}/src/app.tsx | 21 ++++---- .../src/control-panel.tsx | 12 ++--- .../deckgl-heatmap/src/deckgl-heatmap.tsx | 35 ++++++++++++ examples/deckgl-heatmap/src/deckgl-overlay.ts | 25 +++++++++ .../src/earthquakes.ts | 0 .../{heatmap => deckgl-heatmap}/tsconfig.json | 0 .../vite.config.js | 0 examples/deckgl-overlay/package.json | 4 +- examples/heatmap/src/heatmap.tsx | 51 ------------------ website/src/examples-sidebar.js | 2 +- website/src/examples/deckgl-heatmap.mdx | 5 ++ website/src/examples/heatmap.mdx | 5 -- .../static/images/examples/deckgl-heatmap.jpg | Bin 0 -> 81663 bytes 17 files changed, 91 insertions(+), 80 deletions(-) rename examples/{heatmap => deckgl-heatmap}/README.md (89%) rename examples/{heatmap => deckgl-heatmap}/data/earthquakes.json (100%) rename examples/{heatmap => deckgl-heatmap}/index.html (94%) rename examples/{heatmap => deckgl-heatmap}/package.json (78%) rename examples/{heatmap => deckgl-heatmap}/src/app.tsx (82%) rename examples/{heatmap => deckgl-heatmap}/src/control-panel.tsx (86%) create mode 100644 examples/deckgl-heatmap/src/deckgl-heatmap.tsx create mode 100644 examples/deckgl-heatmap/src/deckgl-overlay.ts rename examples/{heatmap => deckgl-heatmap}/src/earthquakes.ts (100%) rename examples/{heatmap => deckgl-heatmap}/tsconfig.json (100%) rename examples/{heatmap => deckgl-heatmap}/vite.config.js (100%) delete mode 100644 examples/heatmap/src/heatmap.tsx create mode 100644 website/src/examples/deckgl-heatmap.mdx delete mode 100644 website/src/examples/heatmap.mdx create mode 100644 website/static/images/examples/deckgl-heatmap.jpg diff --git a/examples/heatmap/README.md b/examples/deckgl-heatmap/README.md similarity index 89% rename from examples/heatmap/README.md rename to examples/deckgl-heatmap/README.md index 6b966423..0b720814 100644 --- a/examples/heatmap/README.md +++ b/examples/deckgl-heatmap/README.md @@ -1,7 +1,7 @@ -# Heatmap +# Deck.gl Heatmap -This uses the `useMapsLibrary` hook showing earthquake magnitude data in a -heatmap. +This uses deck.gl's `HeatmapLayer` and `GoogleMapsOverlay` to show earthquake +magnitude data in a heatmap. ## Google Maps Platform API key diff --git a/examples/heatmap/data/earthquakes.json b/examples/deckgl-heatmap/data/earthquakes.json similarity index 100% rename from examples/heatmap/data/earthquakes.json rename to examples/deckgl-heatmap/data/earthquakes.json diff --git a/examples/heatmap/index.html b/examples/deckgl-heatmap/index.html similarity index 94% rename from examples/heatmap/index.html rename to examples/deckgl-heatmap/index.html index 11f1d621..f25ef828 100644 --- a/examples/heatmap/index.html +++ b/examples/deckgl-heatmap/index.html @@ -5,7 +5,7 @@ - Heatmap + deck.gl Heatmap