修改图注，添加geoserver图层

components.d.ts

@@ -33,7 +33,6 @@ declare module 'vue' {
     ElAside: typeof import('element-plus/es')['ElAside']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']

src/views/User/cadmiumPrediction/CropCadmiumPrediction.vue

@@ -65,21 +65,17 @@
         <!-- 颜色图例 -->
         <div class="legend">
           <div class="legend-item">
-            <div class="color-box" style="background-color: #00FF00;"></div>
+            <div class="color-box" style="background-color: #15b392;"></div>
             <span>安全区间 (0.0-0.2 mg/kg)</span>
           </div>
           <div class="legend-item">
-            <div class="color-box" style="background-color: #FFFF00;"></div>
+            <div class="color-box" style="background-color: #ffea56;"></div>
             <span>预警区间 (0.2-0.3 mg/kg)</span>
           </div>
           <div class="legend-item">
             <div class="color-box" style="background-color: #FF0000;"></div>
             <span>超标区间 (≥0.3 mg/kg)</span>
           </div>
-          <div class="legend-item">
-            <div class="color-box" style="background-color: #CCCCCC;"></div>
-            <span>无数据</span>
-          </div>
         </div>
         <div v-if="!loadingTownshipMap && !townshipMapInstance" class="no-data">
           <el-icon><Location /></el-icon>
@@ -728,7 +724,7 @@ renderTownshipMap() {
     }).addTo(this.townshipMapInstance);
 
     // 添加GeoServer WMS图层作为底图
-    const wmsLayer = L.tileLayer.wms('http://localhost:8080/geoserver/soilgd/wms', {
+    const wmsLayer = L.tileLayer.wms('https://www.soilgd.com/geoserver/soilgd/wms', {
       layers: 'soilgd:farmland_data', // 替换为你的图层名称
       format: 'image/png',
       transparent: true,