添加显示隐藏状态控制

src/component/map/AdministrativeDivision.vue

@@ -5,6 +5,7 @@
 
 <script lang="ts" setup>
   import { useAdministrativeDivision } from '@/hooks/map/useAdministrativeDivision';
+  import { useStatusStore } from '@/stores/useStatusStore';
   import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
   import { Color } from 'cesium';
   import { onMounted } from 'vue';
@@ -13,7 +14,7 @@
   const { areas, areasId, areasColor, areaTransparency, labelTransparency } =
     useAdministrativeDivision();
 
-  onMounted(() => {
+  onMounted(async () => {
     // 构建批量添加配置数组
     const layerConfigs = areasId.map((id, index) => ({
       layerId: id,
@@ -39,7 +40,12 @@
       },
     }));
 
-    CesiumUtilsSingleton.batchAddGeoJsonLayers(layerConfigs);
+    await CesiumUtilsSingleton.batchAddGeoJsonLayers(layerConfigs);
+
+    // 根据状态显示隐藏行政区划
+    if (!useStatusStore().getShowAdministrativeDivision()) {
+      CesiumUtilsSingleton.batchHideGeoJsonLayers(areasId);
+    }
   });
 </script>