feat: Add tooltip showing municipality name

interactivethings · Sep 9, 2024 · 726b601 · 726b601
1 parent 0d7560d
commit 726b601
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/website/src/components/Mutations/Map.tsx b/website/src/components/Mutations/Map.tsx
@@ -18,12 +18,25 @@ const MutationsMap = ({
   geoData: ReturnType<typeof useGeoData>["data"];
 } & ComponentProps<typeof DeckGL>) => {
   return (
-    <DeckGL controller={MapController} {...props}>
+    <DeckGL
+      controller={MapController}
+      getTooltip={({
+        object,
+      }: {
+        object: { properties: { name: string } };
+      }) => {
+        if (!object) {
+          return;
+        }
+        return "Municipality: " + object.properties.name;
+      }}
+      {...props}
+    >
       {geoData.municipalities && (
         <GeoJsonLayer
           id="municipalities"
           data={geoData.municipalities}
-          pickable={false}
+          pickable={true}
           stroked={true}
           filled={true}
           extruded={false}