diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index cd3235f..73fb6a5 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -11,11 +11,11 @@
             <div class="sum bgcYellow">6118</div>
             <div class="unit">km²</div>
             <div class="icon colorBlue"></div>
-            <div class="text">中心城区</div>
+            <div class="text" @click="showCenterCity()">中心城区</div>
             <div class="sum colorBlue">647.55</div>
             <div class="unit">km²</div>
             <div class="iconTwo bgcblue"></div>
-            <div class="text">建成区</div>
+            <div class="text" @click="showBuiltCity()">建成区</div>
             <div class="sum bgcblue">117</div>
             <div class="unit">km²</div>
           </div>
@@ -45,6 +45,7 @@
 <script setup>
 import tslyqk_constituent_3d from '@/views/sponeScreen/Echarts/tslyqk_constituent_3d.vue'; //3d图例
 import rainfall from '@/views/sponeScreen/cityGK/rainfall.vue'; //降雨页面
+import bus from '@/bus/index';
 const policiesList = ref([
   {
     name: '一心',
@@ -72,7 +73,30 @@
     content: '沿运粮河、开封西湖以及东护城大堤形成的三条生态廊道',
   },
 ]);
-
+const showCenterCity = () => {
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'builtCity',
+      show: true,
+    },
+    {
+      layername: 'centerCity',
+      show: false,
+    },
+  ]);
+};
+const showBuiltCity = () => {
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'builtCity',
+      show: false,
+    },
+    {
+      layername: 'centerCity',
+      show: true,
+    },
+  ]);
+};
 onMounted(() => {});
 </script>
 
@@ -118,6 +142,7 @@
       color: #18ffff;
       margin-left: 15px;
       text-align: center;
+      z-index: 111;
       // background: red;
     }
     .rightText {

diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index cd3235f..73fb6a5 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -11,11 +11,11 @@
             <div class="sum bgcYellow">6118</div>
             <div class="unit">km²</div>
             <div class="icon colorBlue"></div>
-            <div class="text">中心城区</div>
+            <div class="text" @click="showCenterCity()">中心城区</div>
             <div class="sum colorBlue">647.55</div>
             <div class="unit">km²</div>
             <div class="iconTwo bgcblue"></div>
-            <div class="text">建成区</div>
+            <div class="text" @click="showBuiltCity()">建成区</div>
             <div class="sum bgcblue">117</div>
             <div class="unit">km²</div>
           </div>
@@ -45,6 +45,7 @@
 <script setup>
 import tslyqk_constituent_3d from '@/views/sponeScreen/Echarts/tslyqk_constituent_3d.vue'; //3d图例
 import rainfall from '@/views/sponeScreen/cityGK/rainfall.vue'; //降雨页面
+import bus from '@/bus/index';
 const policiesList = ref([
   {
     name: '一心',
@@ -72,7 +73,30 @@
     content: '沿运粮河、开封西湖以及东护城大堤形成的三条生态廊道',
   },
 ]);
-
+const showCenterCity = () => {
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'builtCity',
+      show: true,
+    },
+    {
+      layername: 'centerCity',
+      show: false,
+    },
+  ]);
+};
+const showBuiltCity = () => {
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'builtCity',
+      show: false,
+    },
+    {
+      layername: 'centerCity',
+      show: true,
+    },
+  ]);
+};
 onMounted(() => {});
 </script>
 
@@ -118,6 +142,7 @@
       color: #18ffff;
       margin-left: 15px;
       text-align: center;
+      z-index: 111;
       // background: red;
     }
     .rightText {
diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue
index 212c4eb..e85962e 100644
--- a/src/views/sponeScreen/cityGK/index.vue
+++ b/src/views/sponeScreen/cityGK/index.vue
@@ -27,6 +27,7 @@
 import CurrentIssues from '@/views/sponeScreen/cityGK/CurrentIssues.vue'; //现状问题
 import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部
 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部
+import bus from '@/bus/index';
 const { proxy } = getCurrentInstance();
 const showPanel = ref(true); //面板展开收起
 
@@ -45,7 +46,20 @@
   { immediate: true }
 );
 
-onMounted(() => {});
+onMounted(() => {
+  setTimeout(() => {
+    bus.emit('setIniteLayer', [
+      {
+        layername: 'topography',
+        show: false,
+      },
+      {
+        layername: 'builtCity',
+        show: false,
+      },
+    ]);
+  }, 5000);
+});
 </script>
 
 <style lang="scss" scoped></style>

diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index cd3235f..73fb6a5 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -11,11 +11,11 @@
             <div class="sum bgcYellow">6118</div>
             <div class="unit">km²</div>
             <div class="icon colorBlue"></div>
-            <div class="text">中心城区</div>
+            <div class="text" @click="showCenterCity()">中心城区</div>
             <div class="sum colorBlue">647.55</div>
             <div class="unit">km²</div>
             <div class="iconTwo bgcblue"></div>
-            <div class="text">建成区</div>
+            <div class="text" @click="showBuiltCity()">建成区</div>
             <div class="sum bgcblue">117</div>
             <div class="unit">km²</div>
           </div>
@@ -45,6 +45,7 @@
 <script setup>
 import tslyqk_constituent_3d from '@/views/sponeScreen/Echarts/tslyqk_constituent_3d.vue'; //3d图例
 import rainfall from '@/views/sponeScreen/cityGK/rainfall.vue'; //降雨页面
+import bus from '@/bus/index';
 const policiesList = ref([
   {
     name: '一心',
@@ -72,7 +73,30 @@
     content: '沿运粮河、开封西湖以及东护城大堤形成的三条生态廊道',
   },
 ]);
-
+const showCenterCity = () => {
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'builtCity',
+      show: true,
+    },
+    {
+      layername: 'centerCity',
+      show: false,
+    },
+  ]);
+};
+const showBuiltCity = () => {
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'builtCity',
+      show: false,
+    },
+    {
+      layername: 'centerCity',
+      show: true,
+    },
+  ]);
+};
 onMounted(() => {});
 </script>
 
@@ -118,6 +142,7 @@
       color: #18ffff;
       margin-left: 15px;
       text-align: center;
+      z-index: 111;
       // background: red;
     }
     .rightText {
diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue
index 212c4eb..e85962e 100644
--- a/src/views/sponeScreen/cityGK/index.vue
+++ b/src/views/sponeScreen/cityGK/index.vue
@@ -27,6 +27,7 @@
 import CurrentIssues from '@/views/sponeScreen/cityGK/CurrentIssues.vue'; //现状问题
 import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部
 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部
+import bus from '@/bus/index';
 const { proxy } = getCurrentInstance();
 const showPanel = ref(true); //面板展开收起
 
@@ -45,7 +46,20 @@
   { immediate: true }
 );
 
-onMounted(() => {});
+onMounted(() => {
+  setTimeout(() => {
+    bus.emit('setIniteLayer', [
+      {
+        layername: 'topography',
+        show: false,
+      },
+      {
+        layername: 'builtCity',
+        show: false,
+      },
+    ]);
+  }, 5000);
+});
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/views/sponeScreen/gisMF/legendKF.vue b/src/views/sponeScreen/gisMF/legendKF.vue
index 5d0c272..942bb25 100644
--- a/src/views/sponeScreen/gisMF/legendKF.vue
+++ b/src/views/sponeScreen/gisMF/legendKF.vue
@@ -40,7 +40,7 @@
 import topography from '@/assets/newImgs/topography.png';
 import cesiumPaiShuiArea from './cesiumPaiShuiArea.js';
 import newfiberVectorLayer from './newfiberVectorLayer.js';
-import bus from "@/bus/index";
+import bus from '@/bus/index';
 const { proxy } = getCurrentInstance();
 const legendList = ref([]);
 const showLegend = ref(false);
@@ -155,8 +155,22 @@
 };
 onMounted(() => {
   legendList.value = cesiumMapLegend;
+  bus.on('setIniteLayer', data => {
+    console.log('data---', data);
+    let legendList_1 = legendList.value[0]['children']
+      .concat(legendList.value[1]['children'])
+      .concat(legendList.value[2]['children'])
+      .flat();
+    data.forEach(layer => {
+      let selectedLayer = legendList_1.filter(item => item.layername == layer.layername);
+      console.log('selectedLayer--', selectedLayer);
+      selectedLayer.map(i => {
+        i.isCheck = layer.show;
+        changeLegend(i);
+      });
+    });
+  });
 });
-
 </script>
 
 <style lang="scss">