人口网格

src/hooks/earthquake/useEarthquakeDisasterChain.ts

@@ -225,9 +225,7 @@ export const useEarthquakeDisasterChain = () => {
         name: '显示人口网格',
         statusStore: statusStore.poiLayers,
         statusKey: 'showPopulationGrid' as const,
-        callback: (status: unknown) => {
-          console.log('显示人口网格', status);
-        },
+        callback: layerControl.clickPopulationGrid,
       },
       {
         name: '显示管网系统',

src/hooks/map/useMap.ts

@@ -80,6 +80,7 @@ export const useMap = () => {
           useLoadingInformationStore().resetStatue();
         }
       } else {
+        console.log(pickedObject);
         // 重置状态
         useLoadingInformationStore().resetStatue();
       }

src/hooks/rainstorm/useRainDisasterChain.ts

@@ -255,9 +255,7 @@ export const useRainDisasterChain = () => {
         name: '显示人口网格',
         statusStore: statusStore.poiLayers,
         statusKey: 'showPopulationGrid' as const,
-        callback: (status: unknown) => {
-          console.log('显示人口网格', status);
-        },
+        callback: layerControl.clickPopulationGrid,
       },
       {
         name: '显示管网系统',

src/hooks/useLayerControl.ts

@@ -53,6 +53,14 @@ export const useLayerControl = () => {
     useStatusStore().poiLayers.showReservePoint.loading = true;
   };
 
+  /**
+   * 点击显示人口网格
+   */
+  const clickPopulationGrid = () => {
+    // 加载状态为true
+    useStatusStore().poiLayers.showPopulationGrid.loading = true;
+  };
+
   return {
     clickHiddenDangerPoint,
     clickHospital,
@@ -60,5 +68,6 @@ export const useLayerControl = () => {
     clickEmergencyShelter,
     clickFireStation,
     clickStorePoints,
+    clickPopulationGrid,
   };
 };