Remove legends

sankichi92 · Nov 27, 2021 · 5fbcbe1 · 5fbcbe1
1 parent ac720cd
commit 5fbcbe1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 53 deletions.
diff --git a/hazardmap-config.json b/hazardmap-config.json
@@ -3,73 +3,59 @@
   "hazardmapPortalTiles": [
     {
       "name": "洪水浸水想定区域（想定最大規模）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_shinsuishin_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/shinsui_legend2-1.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_shinsuishin_data/{z}/{x}/{y}.png"
     },
     {
       "name": "洪水浸水想定区域（計画規模）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l1_shinsuishin_newlegend_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/shinsui_legend2-1.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l1_shinsuishin_newlegend_data/{z}/{x}/{y}.png"
     },
     {
       "name": "浸水継続時間（想定最大規模）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_keizoku_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/shinsui_legend_l2_keizoku.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_keizoku_data/{z}/{x}/{y}.png"
     },
     {
       "name": "家屋倒壊等氾濫想定区域（氾濫流）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_kaokutoukai_hanran_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/kaokutoukai_hanran.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_kaokutoukai_hanran_data/{z}/{x}/{y}.png"
     },
     {
       "name": "家屋倒壊家屋倒壊等氾濫想定区域（河岸侵食）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_kaokutoukai_kagan_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/kaokutoukai_kagan.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/01_flood_l2_kaokutoukai_kagan_data/{z}/{x}/{y}.png"
     },
     {
       "name": "高潮浸水想定区域",
-      "url": "https://disaportaldata.gsi.go.jp/raster/03_hightide_l2_shinsuishin_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/tsunami_newlegend.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/03_hightide_l2_shinsuishin_data/{z}/{x}/{y}.png"
     },
     {
       "name": "津波浸水想定",
-      "url": "https://disaportaldata.gsi.go.jp/raster/04_tsunami_newlegend_data/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/tsunami_newlegend.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/04_tsunami_newlegend_data/{z}/{x}/{y}.png"
     },
     {
       "name": "土砂災害警戒区域（土石流）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_dosekiryukeikaikuiki/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_keikai.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_dosekiryukeikaikuiki/{z}/{x}/{y}.png"
     },
     {
       "name": "土砂災害警戒区域（急傾斜地の崩壊）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_kyukeishakeikaikuiki/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_keikai.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_kyukeishakeikaikuiki/{z}/{x}/{y}.png"
     },
     {
       "name": "土砂災害警戒区域（地すべり）",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_jisuberikeikaikuiki/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_keikai.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_jisuberikeikaikuiki/{z}/{x}/{y}.png"
     },
     {
       "name": "土石流危険渓流",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_dosekiryukikenkeiryu/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_kiken.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_dosekiryukikenkeiryu/{z}/{x}/{y}.png"
     },
     {
       "name": "急傾斜地崩壊危険箇所",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_kyukeisyachihoukai/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_kiken.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_kyukeisyachihoukai/{z}/{x}/{y}.png"
     },
     {
       "name": "地すべり危険箇所",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_jisuberikikenkasyo/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_kiken.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_jisuberikikenkasyo/{z}/{x}/{y}.png"
     },
     {
       "name": "雪崩危険箇所",
-      "url": "https://disaportaldata.gsi.go.jp/raster/05_nadarekikenkasyo/{z}/{x}/{y}.png",
-      "legendImageUrl": "https://disaportal.gsi.go.jp/hazardmap/copyright/img/dosha_kiken.png"
+      "url": "https://disaportaldata.gsi.go.jp/raster/05_nadarekikenkasyo/{z}/{x}/{y}.png"
     }
   ]
 }
diff --git a/src/components/HazardmapPortalTiles.tsx b/src/components/HazardmapPortalTiles.tsx
@@ -1,25 +1,7 @@
-import { useState } from "react";
-import { LayersControl, TileLayer, useMapEvents } from "react-leaflet";
+import { LayersControl, TileLayer } from "react-leaflet";
 import config from "../hazardmap-config.json";
 
 export const HazardmapPortalTiles = () => {
-  const [legends, setLegends] = useState<{ [name: string]: string }>({});
-
-  useMapEvents({
-    overlayadd(e) {
-      // @ts-ignore FIXME
-      const legendImageUrl = e.layer.options["data-legend-image-url"];
-      setLegends({ ...legends, [e.name]: legendImageUrl });
-    },
-    overlayremove(e) {
-      const newLegends = { ...legends };
-      delete newLegends[e.name];
-      setLegends(newLegends);
-    },
-  });
-
-  console.log(legends);
-
   return (
     <>
       <LayersControl position="topright" collapsed={window.innerWidth < 1080}>
@@ -33,17 +15,11 @@ export const HazardmapPortalTiles = () => {
                 url={hazardmapPortalTile.url}
                 opacity={0.75}
                 attribution='<a href="https://disaportal.gsi.go.jp/hazardmap/copyright/opendata.html">ハザードマップポータルサイト</a>'
-                data-legend-image-url={hazardmapPortalTile.legendImageUrl}
               />
             </LayersControl.Overlay>
           );
         })}
       </LayersControl>
-      <div className="leaflet-bottom leaflet-left">
-        {Object.entries(legends).map(([name, url]) => {
-          return <img key={url} src={url} alt={name} />;
-        })}
-      </div>
     </>
   );
 };