diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 4eeb618..2f9194f 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 自然地理 -->
-  <div class="partTitleHM">自然地理</div>
+  <div class="partTitleHM" @click="setLayerVisible">自然地理</div>
   <div class="partContHM">
     <div class="ListBox ListBox1">
       <div class="physicalGeography">
@@ -163,6 +163,19 @@
   newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter2, 'oneCenter');
   newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter, 'oneCenter');
 };
+const setLayerVisible = () => {
+  if(!(newfiberMap.xdmWms)){
+    newfiberMap.xdmWms = newfiberMap.loadWmsLayer({
+      url: '/geoserver/demo/wms',
+      layers: 'demo:hn_kf_hm_dilei',
+      visible: true,
+    });
+    return;
+  }
+  let imageryProvider = newfiberMap.getLayers([newfiberMap.xdmWms])[0];
+  imageryProvider.show = !!!(imageryProvider.show);
+}
+
 onMounted(() => {});
 </script>