避难所

src/hooks/map/useMap.ts

@@ -57,6 +57,13 @@ export const useMap = () => {
           useLoadingInformationStore().dangerousSource.id = id;
         }
 
+        // 避难所
+        else if (
+          pickedObject.id.startsWith(config.prefix.emergencyShelterPointId)
+        ) {
+          useLoadingInformationStore().emergencyShelter.id = id;
+        }
+
         // 其他
         else {
           // 重置状态

src/hooks/rain-earthquake/useEmergencyShelterPoint.ts

@@ -0,0 +1,30 @@
+import { emergencyShelterIcon } from '@/assets';
+
+/**
+ * 危险源相关钩子函数
+ * @returns
+ */
+export const useEmergencyShelterPoint = () => {
+  /**
+   * 字段映射配置
+   */
+  const field = {
+    name: '避难所名称',
+    type: '避难所类型',
+    address: '地理位置',
+    enterpriseType: '危险源类型',
+    lon: '经度',
+    lat: '纬度',
+    effectiveNumberOfRefugees: '避难所最大容纳人数',
+  };
+
+  /**
+   * 获取避难所图标
+   * @returns 图标路径
+   */
+  function getDisasterIcon(): string {
+    return emergencyShelterIcon;
+  }
+
+  return { field, getDisasterIcon };
+};

src/hooks/rainstorm/useRainDisasterChain.ts

@@ -229,9 +229,7 @@ export const useRainDisasterChain = () => {
         name: '显示避难所',
         statusStore: statusStore.poiLayers,
         statusKey: 'showRefugeeShelter' as const,
-        callback: (status: unknown) => {
-          console.log('显示避难所', status);
-        },
+        callback: layerControl.clickEmergencyShelter,
       },
       {
         name: '显示消防站',

src/hooks/useLayerControl.ts

@@ -29,5 +29,18 @@ export const useLayerControl = () => {
     useStatusStore().poiLayers.showDangerSource.loading = true;
   };
 
-  return { clickHiddenDangerPoint, clickHospital, clickDangerousSource };
+  /**
+   * 点击显示避难所
+   */
+  const clickEmergencyShelter = () => {
+    // 加载状态为true
+    useStatusStore().poiLayers.showRefugeeShelter.loading = true;
+  };
+
+  return {
+    clickHiddenDangerPoint,
+    clickHospital,
+    clickDangerousSource,
+    clickEmergencyShelter,
+  };
 };