vue-openlayers-plugin 1.0.72 → 1.0.74

package/lib/index.umd.js

@@ -1557,7 +1557,7 @@ var __publicField = (obj, key, value) => {
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...__default__$5,
     props: iconProps,
     setup(__props) {
@@ -1582,7 +1582,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  var Icon$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "icon.vue"]]);
+  var Icon$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "icon.vue"]]);
   const ElIcon = withInstall(Icon$4);
   /*! Element Plus Icons Vue v2.3.2 */
   var _sfc_main2 = /* @__PURE__ */ vue.defineComponent({
@@ -2814,7 +2814,7 @@ var __publicField = (obj, key, value) => {
     name: COMPONENT_NAME,
     inheritAttrs: false
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...__default__$4,
     props: inputProps,
     emits: inputEmits,
@@ -3225,7 +3225,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "input.vue"]]);
   const ElInput = withInstall(Input);
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -3420,7 +3420,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   };
-  const _sfc_main$w = vue.defineComponent({
+  const _sfc_main$x = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -3665,7 +3665,7 @@ var __publicField = (obj, key, value) => {
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["render", _sfc_render$1], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["render", _sfc_render$1], ["__file", "focus-trap.vue"]]);
   const badgeProps = buildProps({
     value: {
       type: [String, Number],
@@ -3701,7 +3701,7 @@ var __publicField = (obj, key, value) => {
   const __default__$3 = vue.defineComponent({
     name: "ElBadge"
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...__default__$3,
     props: badgeProps,
     setup(__props, { expose }) {
@@ -3763,7 +3763,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "badge.vue"]]);
+  var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "badge.vue"]]);
   const ElBadge = withInstall(Badge);
   const buttonGroupContextKey = Symbol("buttonGroupContextKey");
   const useDeprecated = ({ from, replacement: replacement2, scope, version: version2, ref, type = "API" }, condition) => {
@@ -4858,7 +4858,7 @@ var __publicField = (obj, key, value) => {
   const __default__$2 = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...__default__$2,
     props: buttonProps,
     emits: buttonEmits,
@@ -4936,7 +4936,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  var Button$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "button.vue"]]);
+  var Button$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "button.vue"]]);
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
@@ -4944,7 +4944,7 @@ var __publicField = (obj, key, value) => {
   const __default__$1 = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1,
     props: buttonGroupProps,
     setup(__props) {
@@ -4963,7 +4963,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "button-group.vue"]]);
   const ElButton = withInstall(Button$2, {
     ButtonGroup
   });
@@ -5410,7 +5410,7 @@ var __publicField = (obj, key, value) => {
   const __default__ = vue.defineComponent({
     name: "ElMessage"
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...__default__,
     props: messageProps,
     emits: messageEmits,
@@ -5564,7 +5564,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "message.vue"]]);
+  var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "message.vue"]]);
   let seed = 1;
   const normalizeAppendTo = (normalized) => {
     const appendTo = normalized.appendTo;
@@ -5759,7 +5759,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  const _sfc_main$r = vue.defineComponent({
+  const _sfc_main$s = vue.defineComponent({
     name: "ElMessageBox",
     directives: {
       TrapFocus
@@ -6231,7 +6231,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["onAfterLeave"]);
   }
-  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["render", _sfc_render], ["__file", "index.vue"]]);
+  var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["render", _sfc_render], ["__file", "index.vue"]]);
   const messageInstance = /* @__PURE__ */ new Map();
   const getAppendToElement = (props) => {
     let appendTo = document.body;
@@ -81994,6 +81994,24 @@ ${this.attributes_.map(
         this.config.opacity = this.config.opacity / 100;
       }
     }
+    /**
+     * 注册自定义投影
+     * @returns 注册的投影代码，如果没有注册则返回 undefined
+     */
+    registerCustomProjection() {
+      const projectionCode = this.config.projection;
+      const projectionDefinition = this.config.projectionDefinition;
+      if (projectionCode && projectionDefinition) {
+        try {
+          proj4$1.defs(projectionCode, projectionDefinition);
+          register$3(proj4$1);
+          return projectionCode;
+        } catch (error2) {
+          console.error(`Failed to register projection ${projectionCode}:`, error2);
+        }
+      }
+      return void 0;
+    }
     /**
      * 获取图层实例（同步方法，用于向后兼容）
      */
@@ -82451,6 +82469,7 @@ ${this.attributes_.map(
      * 创建瓦片数据源
      */
     createTileSource() {
+      this.registerCustomProjection();
       let sourceType = this.getSourceTypeFromLayerType();
       sourceType = sourceType || "xyz";
       switch (sourceType.toLowerCase()) {
@@ -82569,7 +82588,8 @@ ${this.attributes_.map(
      * 创建WMS数据源
      */
     createWMSSource() {
-      return new ImageWMS$1({
+      this.registerCustomProjection();
+      const options = {
         url: this.config.url,
         params: {
           "LAYERS": this.config.wmsLayers || "",
@@ -82579,7 +82599,11 @@ ${this.attributes_.map(
         },
         ratio: 1,
         crossOrigin: "anonymous"
-      });
+      };
+      if (this.config.projection) {
+        options.projection = this.config.projection;
+      }
+      return new ImageWMS$1(options);
     }
     /**
      * 更新WMS参数
@@ -82864,13 +82888,17 @@ ${this.attributes_.map(
      * 创建WMTS数据源
      */
     createWMTSSource() {
-      if (this.config.url && !this.capabilities) {
-        throw new Error("WMTS capabilities must be loaded first. Use loadCapabilities() method.");
+      const wmtsConfig = this.config.wmtsConfig || {};
+      const url = wmtsConfig.url || this.config.url;
+      if (!url) {
+        throw new Error("WMTS URL is required");
       }
+      if (this.config.url && !this.capabilities && !wmtsConfig.resolutions)
+        ;
       if (this.capabilities) {
         const options = optionsFromCapabilities(this.capabilities, {
-          layer: this.config.wmtsLayer || "",
-          matrixSet: this.config.wmtsMatrixSet || "EPSG:4326"
+          layer: wmtsConfig.layer || this.config.layerName || "",
+          matrixSet: wmtsConfig.matrixSet || this.config.matrixSet || "EPSG:4326"
         });
         if (!options) {
           throw new Error("Failed to create WMTS options from capabilities");
@@ -82886,26 +82914,46 @@ ${this.attributes_.map(
           crossOrigin: "anonymous"
         });
       } else {
-        const projection2 = get$c("EPSG:4326");
-        const projectionExtent = projection2.getExtent();
-        const size2 = Math.sqrt(projectionExtent[2] - projectionExtent[0]) / 256;
-        const resolutions = new Array(19);
-        const matrixIds = new Array(19);
-        for (let z2 = 0; z2 < 19; ++z2) {
-          resolutions[z2] = size2 / Math.pow(2, z2);
-          matrixIds[z2] = z2;
+        const projectionCode = wmtsConfig.projection || this.config.projection || "EPSG:4326";
+        const projectionDefinition = wmtsConfig.projectionDefinition || this.config.projectionDefinition;
+        if (projectionDefinition) {
+          proj4$1.defs(projectionCode, projectionDefinition);
+          register$3(proj4$1);
         }
+        const projection2 = get$c(projectionCode);
+        const projectionExtent = projection2.getExtent();
+        let resolutions = wmtsConfig.resolutions || this.config.resolutions;
+        let matrixIds = wmtsConfig.matrixIds || this.config.matrixIds;
+        const tileSize = wmtsConfig.tileSize || 256;
+        const tileSizeNumber = typeof tileSize === "number" ? tileSize : tileSize[0];
+        if (!resolutions) {
+          const width = projectionExtent[2] - projectionExtent[0];
+          const size2 = width / tileSizeNumber;
+          const zoomLevels = 19;
+          resolutions = new Array(zoomLevels);
+          for (let z2 = 0; z2 < zoomLevels; ++z2) {
+            resolutions[z2] = size2 / Math.pow(2, z2);
+          }
+        }
+        if (!matrixIds) {
+          matrixIds = new Array(resolutions.length);
+          for (let z2 = 0; z2 < resolutions.length; ++z2) {
+            matrixIds[z2] = z2.toString();
+          }
+        }
+        const origin = wmtsConfig.origin || this.config.origin || [projectionExtent[0], projectionExtent[3]];
         return new WMTS$3({
-          url: this.config.url,
-          layer: this.config.wmtsLayer || "",
-          matrixSet: this.config.wmtsMatrixSet || "EPSG:4326",
-          format: "image/png",
-          projection: "EPSG:4326",
-          style: this.config.wmtsStyle || "default",
+          url,
+          layer: wmtsConfig.layer || this.config.layerName || "",
+          matrixSet: wmtsConfig.matrixSet || this.config.matrixSet || projectionCode,
+          format: wmtsConfig.format || this.config.format || "image/png",
+          projection: projectionCode,
+          style: wmtsConfig.style || this.config.style || "default",
           tileGrid: new WMTSTileGrid$3({
-            origin: [projectionExtent[0], projectionExtent[3]],
+            origin,
             resolutions,
-            matrixIds
+            matrixIds,
+            tileSize
           }),
           crossOrigin: "anonymous"
         });
@@ -82949,21 +82997,21 @@ ${this.attributes_.map(
      * 设置图层
      */
     setLayer(layer2) {
-      this.config.wmtsLayer = layer2;
+      this.config.layerName = layer2;
       this.layer = null;
     }
     /**
      * 设置矩阵集
      */
     setMatrixSet(matrixSet) {
-      this.config.wmtsMatrixSet = matrixSet;
+      this.config.matrixSet = matrixSet;
       this.layer = null;
     }
     /**
      * 设置样式
      */
     setWMTSStyle(style) {
-      this.config.wmtsStyle = style;
+      this.config.style = style;
       this.layer = null;
     }
     /**
@@ -83768,10 +83816,13 @@ ${this.attributes_.map(
      */
     createVectorSource() {
       var _a3;
+      this.registerCustomProjection();
       const format2 = new GeoJSON$4();
       const mapProjection = ((_a3 = this.map) == null ? void 0 : _a3.getView().getProjection().getCode()) || "EPSG:4326";
+      const dataProjection = this.config.projection || "EPSG:4326";
       if (this.config.data) {
         const features2 = format2.readFeatures(this.config.data, {
+          dataProjection,
           featureProjection: mapProjection
         });
         this.originalFeatures = features2;
@@ -83779,7 +83830,10 @@ ${this.attributes_.map(
       } else if (this.config.url) {
         const source = new VectorSource$2({
           url: this.config.url,
-          format: new GeoJSON$4({ featureProjection: mapProjection })
+          format: new GeoJSON$4({
+            dataProjection,
+            featureProjection: mapProjection
+          })
         });
         source.on("featuresloadend", () => {
           this.originalFeatures = source.getFeatures();
@@ -84172,6 +84226,7 @@ ${this.attributes_.map(
      * 应用过滤器（实现基类的抽象方法）
      */
     applyFilters() {
+      debugger;
       const layer2 = this.getLayer();
       const source = layer2.getSource();
       if (!source)
@@ -84418,6 +84473,7 @@ ${this.attributes_.map(
      * 创建图层
      */
     createLayer() {
+      this.registerCustomProjection();
       this.vectorSource = new VectorSource$2({
         url: this.config.url,
         format: this.kmlFormat
@@ -84693,9 +84749,10 @@ ${this.attributes_.map(
      * 初始化GML格式处理器
      */
     initializeGMLFormat() {
+      this.registerCustomProjection();
       const gmlConfig = this.config.gmlConfig || {};
       this.gmlFormat = new GML$1({
-        srsName: gmlConfig.srsName || "EPSG:4326"
+        srsName: gmlConfig.srsName || this.config.projection || "EPSG:4326"
       });
     }
     /**
@@ -85071,13 +85128,20 @@ ${this.attributes_.map(
      * 从WKT字符串加载数据
      */
     loadWKTFromString(wktString) {
+      var _a3;
       if (!this.wktFormat || !this.vectorSource)
         return;
+      this.registerCustomProjection();
+      const dataProjection = this.config.projection || "EPSG:4326";
+      const featureProjection = ((_a3 = this.map) == null ? void 0 : _a3.getView().getProjection().getCode()) || "EPSG:4326";
       try {
         const wktLines = wktString.split("\n").filter((line2) => line2.trim());
         wktLines.forEach((line2, index2) => {
           try {
-            const geometry2 = this.wktFormat.readGeometry(line2.trim());
+            const geometry2 = this.wktFormat.readGeometry(line2.trim(), {
+              dataProjection,
+              featureProjection
+            });
             const feature2 = new ol$1.Feature({
               geometry: geometry2,
               id: `wkt_feature_${index2}`,
@@ -85163,10 +85227,16 @@ ${this.attributes_.map(
      * 添加WKT几何
      */
     addWKTGeometry(wktString, properties) {
+      var _a3;
       if (!this.wktFormat || !this.vectorSource)
         return null;
+      const dataProjection = this.config.projection || "EPSG:4326";
+      const featureProjection = ((_a3 = this.map) == null ? void 0 : _a3.getView().getProjection().getCode()) || "EPSG:4326";
       try {
-        const geometry2 = this.wktFormat.readGeometry(wktString);
+        const geometry2 = this.wktFormat.readGeometry(wktString, {
+          dataProjection,
+          featureProjection
+        });
         const feature2 = new ol$1.Feature({
           geometry: geometry2,
           wkt: wktString,
@@ -466232,6 +466302,7 @@ ${this.attributes_.map(
      * 创建天地图XYZ数据源
      */
     createTiandituSource() {
+      this.registerCustomProjection();
       const url = this.processUrl(this.config.url || "");
       const xyzOptions = {
         url,
@@ -466628,6 +466699,7 @@ ${this.attributes_.map(
      * 创建矢量瓦片数据源
      */
     createVectorTileSource() {
+      this.registerCustomProjection();
       const config = this.config;
       const format2 = this.createFormat();
       const sourceOptions = {
@@ -466676,7 +466748,7 @@ ${this.attributes_.map(
           });
         case "geojson":
           return new GeoJSON$4({
-            dataProjection: config.dataProjection || "EPSG:4326",
+            dataProjection: config.dataProjection || config.projection || "EPSG:4326",
             featureProjection: config.featureProjection || "EPSG:4326"
           });
         default:
@@ -467148,6 +467220,8 @@ ${this.attributes_.map(
       __publicField(this, "storage");
       // 存储baseLayers配置，用于判断图层是否为底图
       __publicField(this, "baseLayerIds", /* @__PURE__ */ new Set());
+      // 存储共享图层组信息
+      __publicField(this, "sharedLayerGroups", /* @__PURE__ */ new Map());
       this.map = map2;
       this.eventBus = eventBus;
       this.storage = storage2;
@@ -467157,6 +467231,7 @@ ${this.attributes_.map(
      * 添加图层（支持按需加载）
      */
     async addLayer(config) {
+      var _a3, _b3;
       try {
         const layerId = config.id || `layer_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
         if (this.layerHandlers.has(layerId) || this.pendingLayerConfigs.has(layerId)) {
@@ -467171,7 +467246,11 @@ ${this.attributes_.map(
           opacity: config.opacity ?? 1,
           zIndex: config.zIndex ?? 0
         };
-        if (fullConfig.type === "group" && (fullConfig.children || fullConfig.layers)) {
+        const isGroup = fullConfig.type === "group" || (((_a3 = fullConfig.children) == null ? void 0 : _a3.length) ?? 0) > 0 || (((_b3 = fullConfig.layers) == null ? void 0 : _b3.length) ?? 0) > 0;
+        if (isGroup) {
+          if (fullConfig.type !== "group") {
+            fullConfig.type = "group";
+          }
           return this.addLayerGroup(fullConfig);
         }
         if (fullConfig.visible && this.isBasemapLayer(layerId)) {
@@ -467283,6 +467362,174 @@ ${this.attributes_.map(
         console.error("执行定位动画失败:", error2);
       }
     }
+    /**
+     * 设置共享图层样式函数
+     */
+    setupSharedLayerStyle(layer2, reuseId) {
+      if (!(layer2 instanceof VectorLayer$3)) {
+        return;
+      }
+      const originalStyleFunction = layer2.getStyleFunction();
+      layer2.setStyle((function(feature2, resolution) {
+        const group2 = this.sharedLayerGroups.get(reuseId);
+        if (!group2)
+          return null;
+        let matched = false;
+        let styleToUse = null;
+        for (const layerId of group2.logicalLayers) {
+          const config = this.layerConfigs.get(layerId);
+          if (config && config.visible) {
+            try {
+              if (this.checkFeatureFilter(feature2, config.filters)) {
+                matched = true;
+                const handler = this.layerHandlers.get(layerId);
+                if (handler) {
+                  const isFirst = group2.logicalLayers.values().next().value === layerId;
+                  if (isFirst) {
+                    if (originalStyleFunction) {
+                      styleToUse = originalStyleFunction(feature2, resolution);
+                    }
+                  } else {
+                    const logicalLayer = handler.getLayer();
+                    if (logicalLayer && logicalLayer instanceof VectorLayer$3 && logicalLayer !== layer2) {
+                      const styleFunc = logicalLayer.getStyleFunction();
+                      if (styleFunc) {
+                        styleToUse = styleFunc(feature2, resolution);
+                      }
+                    } else {
+                      if (originalStyleFunction) {
+                        styleToUse = originalStyleFunction(feature2, resolution);
+                      }
+                    }
+                  }
+                  if (styleToUse || matched) {
+                    break;
+                  }
+                }
+              }
+            } catch (e3) {
+              console.error("Error checking feature filter:", e3);
+            }
+          }
+        }
+        if (matched) {
+          if (styleToUse)
+            return styleToUse;
+          if (originalStyleFunction)
+            return originalStyleFunction(feature2, resolution);
+          return void 0;
+        }
+        return null;
+      }).bind(this));
+    }
+    /**
+     * 更新共享图层状态（处理WMS参数更新或Vector重绘）
+     */
+    updateSharedLayerState(reuseId) {
+      const group2 = this.sharedLayerGroups.get(reuseId);
+      if (!group2)
+        return;
+      const layer2 = group2.physicalLayer;
+      const source = layer2.getSource();
+      if (source && typeof source.updateParams === "function") {
+        const visibleLayers = Array.from(group2.logicalLayers).filter((id2) => {
+          const config = this.layerConfigs.get(id2);
+          return config && config.visible;
+        });
+        const wmsLayersList = [];
+        const cqlFilterList = [];
+        visibleLayers.forEach((id2) => {
+          var _a3, _b3;
+          const config = this.layerConfigs.get(id2);
+          if (config) {
+            const layers = config.wmsLayers || ((_b3 = (_a3 = config.config) == null ? void 0 : _a3.wms) == null ? void 0 : _b3.layers);
+            if (layers) {
+              wmsLayersList.push(layers);
+              let cql = "";
+              if (config.filters && config.filters.length > 0) {
+                const conditions = config.filters.filter((f2) => f2.enabled && f2.type === FilterType.ATTRIBUTE).map((f2) => {
+                  const attrFilter = f2;
+                  let val = attrFilter.value;
+                  if (typeof val === "string") {
+                    val = `'${val}'`;
+                  }
+                  switch (attrFilter.operator) {
+                    case FilterOperator.EQUAL:
+                      return `${attrFilter.property}=${val}`;
+                    case FilterOperator.NOT_EQUAL:
+                      return `${attrFilter.property}<>${val}`;
+                    case FilterOperator.GREATER_THAN:
+                      return `${attrFilter.property}>${val}`;
+                    case FilterOperator.LESS_THAN:
+                      return `${attrFilter.property}<${val}`;
+                    case FilterOperator.GREATER_EQUAL:
+                      return `${attrFilter.property}>=${val}`;
+                    case FilterOperator.LESS_EQUAL:
+                      return `${attrFilter.property}<=${val}`;
+                    case FilterOperator.LIKE:
+                      return `${attrFilter.property} LIKE ${val}`;
+                    case FilterOperator.IN:
+                      if (Array.isArray(attrFilter.value)) {
+                        const inVals = attrFilter.value.map((v5) => typeof v5 === "string" ? `'${v5}'` : v5).join(",");
+                        return `${attrFilter.property} IN (${inVals})`;
+                      }
+                      return `${attrFilter.property} IN (${attrFilter.value})`;
+                    default:
+                      return "";
+                  }
+                }).filter((c2) => c2 !== "");
+                if (conditions.length > 0) {
+                  cql = conditions.join(" AND ");
+                }
+              }
+              cqlFilterList.push(cql === "" ? "INCLUDE" : cql);
+            }
+          }
+        });
+        if (wmsLayersList.length > 0) {
+          const newLayersParam = wmsLayersList.join(",");
+          const newCqlFilterParam = cqlFilterList.join(";");
+          const params2 = { "LAYERS": newLayersParam };
+          if (cqlFilterList.some((c2) => c2 !== "INCLUDE")) {
+            params2["CQL_FILTER"] = newCqlFilterParam;
+          } else {
+            params2["CQL_FILTER"] = null;
+          }
+          source.updateParams(params2);
+          console.log(`共享WMS图层 ${reuseId} 更新参数: LAYERS=${newLayersParam}, CQL_FILTER=${newCqlFilterParam}`);
+          return;
+        }
+      }
+      layer2.changed();
+    }
+    /**
+     * 检查要素是否匹配过滤条件
+     */
+    checkFeatureFilter(feature2, filters) {
+      if (!filters || filters.length === 0) {
+        return true;
+      }
+      for (const filter2 of filters) {
+        if (!filter2.enabled)
+          continue;
+        if (filter2.type === FilterType.ATTRIBUTE) {
+          const props = feature2.getProperties();
+          const value = props[filter2.property];
+          const targetValue = filter2.value;
+          switch (filter2.operator) {
+            case FilterOperator.EQUAL:
+              if (value != targetValue)
+                return false;
+              break;
+            case FilterOperator.NOT_EQUAL:
+              if (value == targetValue)
+                return false;
+              break;
+          }
+        }
+      }
+      return true;
+    }
     /**
      * 获取缓动函数
      */
@@ -467313,19 +467560,44 @@ ${this.attributes_.map(
      * 异步添加图层
      */
     async addLayerAsync(fullConfig, handler) {
-      var _a3;
+      var _a3, _b3;
       try {
         const layer2 = await handler.getLayerAsync();
         layer2.set("layerId", fullConfig.id);
         this.layerHandlers.set(fullConfig.id, handler);
         this.layerConfigs.set(fullConfig.id, fullConfig);
         console.log("kjthis.layerConfigs:", this.layerConfigs);
-        this.map.addLayer(layer2);
+        let isReuse = false;
+        if (fullConfig.reuseId) {
+          const reuseId = fullConfig.reuseId;
+          let group2 = this.sharedLayerGroups.get(reuseId);
+          if (group2) {
+            console.log(`图层 ${fullConfig.id} 复用物理图层 ${reuseId}`);
+            group2.logicalLayers.add(fullConfig.id);
+            isReuse = true;
+            this.updateSharedLayerState(reuseId);
+          } else {
+            console.log(`图层 ${fullConfig.id} 创建共享物理图层 ${reuseId}`);
+            this.sharedLayerGroups.set(reuseId, {
+              physicalLayer: layer2,
+              logicalLayers: /* @__PURE__ */ new Set([fullConfig.id])
+            });
+            this.setupSharedLayerStyle(layer2, reuseId);
+            this.map.addLayer(layer2);
+          }
+        } else {
+          this.map.addLayer(layer2);
+        }
         if (fullConfig.zIndex !== void 0) {
-          handler.setZIndex(fullConfig.zIndex);
+          if (fullConfig.reuseId && this.sharedLayerGroups.has(fullConfig.reuseId)) {
+            const group2 = this.sharedLayerGroups.get(fullConfig.reuseId);
+            group2.physicalLayer.setZIndex(fullConfig.zIndex);
+          } else {
+            handler.setZIndex(fullConfig.zIndex);
+          }
           console.log(`图层 ${fullConfig.id} 设置 zIndex: ${fullConfig.zIndex}`);
         }
-        if ("applyLayerStyles" in handler) {
+        if ("applyLayerStyles" in handler && !isReuse) {
           setTimeout(() => {
             handler.applyLayerStyles();
           }, 50);
@@ -467339,7 +467611,9 @@ ${this.attributes_.map(
           layerConfig: fullConfig
         });
         if (((_a3 = fullConfig.locationAnimation) == null ? void 0 : _a3.enabled) && fullConfig.visible) {
-          this.handleLocationAnimation(layer2, fullConfig);
+          if (!isReuse || !((_b3 = this.sharedLayerGroups.get(fullConfig.reuseId)) == null ? void 0 : _b3.physicalLayer.getVisible())) {
+            this.handleLocationAnimation(fullConfig.reuseId ? this.sharedLayerGroups.get(fullConfig.reuseId).physicalLayer : layer2, fullConfig);
+          }
         }
         return true;
       } catch (error2) {
@@ -467364,7 +467638,7 @@ ${this.attributes_.map(
         const childLayers = [];
         if (groupConfig.children) {
           for (const childConfig of groupConfig.children) {
-            const childLayerId = `${groupConfig.id}_child_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+            const childLayerId = childConfig.id || `${groupConfig.id}_child_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
             const childFullConfig = {
               ...childConfig,
               id: childLayerId,
@@ -467377,9 +467651,10 @@ ${this.attributes_.map(
             }
           }
         }
+        const layersList = [];
         if (groupConfig.layers) {
           for (const layerConfig of groupConfig.layers) {
-            const layerLayerId = `${groupConfig.id}_layer_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+            const layerLayerId = layerConfig.id || `${groupConfig.id}_layer_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
             const layerFullConfig = {
               ...layerConfig,
               id: layerLayerId,
@@ -467388,10 +467663,14 @@ ${this.attributes_.map(
               opacity: layerConfig.opacity ?? groupConfig.opacity
             };
             if (this.addLayer(layerFullConfig)) {
+              layersList.push(layerFullConfig);
             }
           }
         }
         groupConfig.children = childLayers;
+        if (layersList.length > 0) {
+          groupConfig.layers = layersList;
+        }
         this.layerConfigs.set(groupConfig.id, groupConfig);
         this.saveLayerConfigs();
         this.eventBus.emit("layer-added", {
@@ -467418,15 +467697,26 @@ ${this.attributes_.map(
           console.warn(`未找到图层配置: ${layerId}`);
           return false;
         }
-        if (handler && this.layerConfigs.has(layerId)) {
-          if (config.type === "group" && config.children) {
-            for (const child of config.children) {
-              this.removeLayer(child.id);
+        if ((handler || config.type === "group") && this.layerConfigs.has(layerId)) {
+          if (config.type === "group") {
+            if (config.children) {
+              for (const child of config.children) {
+                this.removeLayer(child.id);
+              }
             }
-          } else {
+            if (config.layers) {
+              for (const layer2 of config.layers) {
+                this.removeLayer(layer2.id);
+              }
+            }
+            if (handler)
+              handler.destroy();
+          } else if (handler) {
             handler.destroy();
           }
-          this.layerHandlers.delete(layerId);
+          if (handler) {
+            this.layerHandlers.delete(layerId);
+          }
           this.layerConfigs.delete(layerId);
         }
         this.pendingLayerConfigs.delete(layerId);
@@ -467498,7 +467788,7 @@ ${this.attributes_.map(
           console.warn(`图层配置不存在: ${layerId}`);
           return false;
         }
-        if (config.type === "group" && config.children) {
+        if (config.type === "group" && (config.children || config.layers)) {
           return await this.setGroupLayerVisible(layerId, visible);
         }
         if (visible && !this.layerHandlers.has(layerId)) {
@@ -467513,28 +467803,58 @@ ${this.attributes_.map(
           if (visible && this.isBasemapLayer(layerId)) {
             await this.hideOtherBasemaps(layerId);
           }
-          handler.setVisible(visible);
           config.visible = visible;
-          this.saveLayerConfigs();
           if (this.pendingLayerConfigs.has(layerId)) {
             this.pendingLayerConfigs.set(layerId, config);
           }
-          if (visible) {
-            const layer2 = handler.getLayer();
-            const animCfg = config.locationAnimation;
-            if (animCfg && animCfg.enabled) {
-              this.handleLocationAnimation(layer2, config);
-            } else if (config.fitToExtent) {
-              const defaultAnim = {
-                enabled: true,
-                duration: 1e3,
-                easing: "ease-out",
-                maxZoom: 16,
-                padding: [50, 50, 50, 50]
-              };
-              this.performLocationAnimation(layer2, config, defaultAnim);
+          this.layerConfigs.set(layerId, config);
+          if (config.reuseId && this.sharedLayerGroups.has(config.reuseId)) {
+            const group2 = this.sharedLayerGroups.get(config.reuseId);
+            const anyVisible = Array.from(group2.logicalLayers).some((id2) => {
+              const c2 = this.layerConfigs.get(id2);
+              return c2 && c2.visible;
+            });
+            group2.physicalLayer.setVisible(anyVisible);
+            this.updateSharedLayerState(config.reuseId);
+            console.log(`共享图层 ${config.reuseId} 逻辑图层 ${layerId} 可见性设为 ${visible}, 物理图层可见性: ${anyVisible}`);
+            if (visible) {
+              if (anyVisible) {
+                const layer2 = group2.physicalLayer;
+                const animCfg = config.locationAnimation;
+                if (animCfg && animCfg.enabled) {
+                  this.handleLocationAnimation(layer2, config);
+                } else if (config.fitToExtent) {
+                  const defaultAnim = {
+                    enabled: true,
+                    duration: 1e3,
+                    easing: "ease-out",
+                    maxZoom: 16,
+                    padding: [50, 50, 50, 50]
+                  };
+                  this.performLocationAnimation(layer2, config, defaultAnim);
+                }
+              }
+            }
+          } else {
+            handler.setVisible(visible);
+            if (visible) {
+              const layer2 = handler.getLayer();
+              const animCfg = config.locationAnimation;
+              if (animCfg && animCfg.enabled) {
+                this.handleLocationAnimation(layer2, config);
+              } else if (config.fitToExtent) {
+                const defaultAnim = {
+                  enabled: true,
+                  duration: 1e3,
+                  easing: "ease-out",
+                  maxZoom: 16,
+                  padding: [50, 50, 50, 50]
+                };
+                this.performLocationAnimation(layer2, config, defaultAnim);
+              }
             }
           }
+          this.saveLayerConfigs();
           this.eventBus.emit("layer-visibility-changed", {
             layerId,
             visible,
@@ -467586,10 +467906,9 @@ ${this.attributes_.map(
           }
         }
         if (groupConfig.layers) {
-          const allConfigs = new Map([...this.layerConfigs, ...this.pendingLayerConfigs]);
-          for (const [layerId, config] of allConfigs) {
-            if (layerId.startsWith(`${groupLayerId}_layer_`)) {
-              const result = await this.setLayerVisible(layerId, visible);
+          for (const layerConfig of groupConfig.layers) {
+            if (layerConfig.id) {
+              const result = await this.setLayerVisible(layerConfig.id, visible);
               results.push(result);
             }
           }
@@ -467841,7 +468160,6 @@ ${this.attributes_.map(
      * 按需加载图层（原loadLayerConfigs的单个图层版本）
      */
     async loadLayerOnDemand(layerId) {
-      var _a3;
       try {
         if (this.layerHandlers.has(layerId)) {
           return true;
@@ -467853,23 +468171,15 @@ ${this.attributes_.map(
         }
         const handler = layerFactory.createLayerHandler(config);
         handler.setMap(this.map);
-        const layer2 = await ((_a3 = handler.getLayerAsync) == null ? void 0 : _a3.call(handler)) || handler.getLayer();
-        layer2.set("layerId", config.id);
-        this.layerHandlers.set(config.id, handler);
-        this.layerConfigs.set(config.id, config);
-        this.map.addLayer(layer2);
-        if (config.zIndex !== void 0) {
-          handler.setZIndex(config.zIndex);
-          console.log(`按需加载图层 ${layerId} 设置 zIndex: ${config.zIndex}`);
-        }
-        this.pendingLayerConfigs.delete(layerId);
-        if ("applyLayerStyles" in handler) {
-          setTimeout(() => {
-            handler.applyLayerStyles();
-          }, 50);
+        const success = await this.addLayerAsync(config, handler);
+        if (success) {
+          this.pendingLayerConfigs.delete(layerId);
+          console.log(`图层 ${layerId} 按需加载完成`);
+          return true;
+        } else {
+          console.error(`按需加载图层 ${layerId} 失败`);
+          return false;
         }
-        console.log(`图层 ${layerId} 按需加载完成`);
-        return true;
       } catch (error2) {
         console.error(`按需加载图层 ${layerId} 失败:`, error2);
         return false;
@@ -468330,8 +468640,8 @@ ${this.attributes_.map(
       this.map.removeLayer(this.highlightLayer);
     }
   }
-  const _hoisted_1$p = ["id"];
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$q = ["id"];
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     __name: "BasePopup",
     props: {
       config: {},
@@ -468449,7 +468759,7 @@ ${this.attributes_.map(
           }, [
             vue.createElementVNode("div", {
               id: `popup-slot-${_ctx.id}`
-            }, null, 8, _hoisted_1$p),
+            }, null, 8, _hoisted_1$q),
             vue.renderSlot(_ctx.$slots, "default", {
               feature: _ctx.feature,
               coordinate: _ctx.coordinate,
@@ -468465,13 +468775,13 @@ ${this.attributes_.map(
     }
   });
   const BasePopup_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$o = { class: "html-popup-content" };
-  const _hoisted_2$m = {
+  const _hoisted_1$p = { class: "html-popup-content" };
+  const _hoisted_2$n = {
     key: 0,
     class: "html-popup-title"
   };
-  const _hoisted_3$l = ["innerHTML"];
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$m = ["innerHTML"];
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     __name: "HtmlPopup",
     props: {
       config: {},
@@ -468519,7 +468829,7 @@ ${this.attributes_.map(
         return sanitizeHtml(content2);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$r, {
           config: _ctx.config,
           coordinate: _ctx.coordinate,
           feature: _ctx.feature,
@@ -468532,12 +468842,12 @@ ${this.attributes_.map(
           default: vue.withCtx(() => {
             var _a3;
             return [
-              vue.createElementVNode("div", _hoisted_1$o, [
-                ((_a3 = _ctx.config.template) == null ? void 0 : _a3.title) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, vue.toDisplayString(resolveTitle()), 1)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_1$p, [
+                ((_a3 = _ctx.config.template) == null ? void 0 : _a3.title) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, vue.toDisplayString(resolveTitle()), 1)) : vue.createCommentVNode("", true),
                 vue.createElementVNode("div", {
                   class: "html-popup-body",
                   innerHTML: resolveContent()
-                }, null, 8, _hoisted_3$l)
+                }, null, 8, _hoisted_3$m)
               ])
             ];
           }),
@@ -468547,17 +468857,17 @@ ${this.attributes_.map(
     }
   });
   const HtmlPopup_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$n = { class: "image-popup-content" };
-  const _hoisted_2$l = {
+  const _hoisted_1$o = { class: "image-popup-content" };
+  const _hoisted_2$m = {
     key: 0,
     class: "image-popup-title"
   };
-  const _hoisted_3$k = {
+  const _hoisted_3$l = {
     key: 1,
     class: "image-popup-description"
   };
-  const _hoisted_4$k = { class: "image-popup-main" };
-  const _hoisted_5$k = { class: "image-container" };
+  const _hoisted_4$l = { class: "image-popup-main" };
+  const _hoisted_5$l = { class: "image-container" };
   const _hoisted_6$h = ["src", "alt"];
   const _hoisted_7$f = {
     key: 0,
@@ -468587,7 +468897,7 @@ ${this.attributes_.map(
   };
   const _hoisted_15$7 = { class: "fullscreen-container" };
   const _hoisted_16$7 = ["src", "alt"];
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "ImagePopup",
     props: {
       config: {},
@@ -468720,7 +469030,7 @@ ${this.attributes_.map(
         document.removeEventListener("keydown", handleKeydown);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$r, {
           config: _ctx.config,
           coordinate: _ctx.coordinate,
           feature: _ctx.feature,
@@ -468731,11 +469041,11 @@ ${this.attributes_.map(
           onHide: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("hide"))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$n, [
-              _ctx.config.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, vue.toDisplayString(resolveTitle()), 1)) : vue.createCommentVNode("", true),
-              _ctx.config.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, vue.toDisplayString(_ctx.config.description), 1)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_4$k, [
-                vue.createElementVNode("div", _hoisted_5$k, [
+            vue.createElementVNode("div", _hoisted_1$o, [
+              _ctx.config.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, vue.toDisplayString(resolveTitle()), 1)) : vue.createCommentVNode("", true),
+              _ctx.config.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l, vue.toDisplayString(_ctx.config.description), 1)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_4$l, [
+                vue.createElementVNode("div", _hoisted_5$l, [
                   vue.createElementVNode("img", {
                     src: currentImage.value,
                     alt: `图片 ${currentIndex.value + 1}`,
@@ -468842,20 +469152,20 @@ ${this.attributes_.map(
     }
   });
   const ImagePopup_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$m = { class: "array-popup-content" };
-  const _hoisted_2$k = {
+  const _hoisted_1$n = { class: "array-popup-content" };
+  const _hoisted_2$l = {
     key: 0,
     class: "array-popup-title"
   };
-  const _hoisted_3$j = {
+  const _hoisted_3$k = {
     key: 1,
     class: "array-popup-description"
   };
-  const _hoisted_4$j = {
+  const _hoisted_4$k = {
     key: 2,
     class: "view-switch"
   };
-  const _hoisted_5$j = {
+  const _hoisted_5$k = {
     key: 3,
     class: "search-container"
   };
@@ -468919,7 +469229,7 @@ ${this.attributes_.map(
     class: "empty-data"
   };
   const _hoisted_44$1 = { class: "empty-text" };
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     __name: "ArrayPopup",
     props: {
       config: {},
@@ -469065,7 +469375,7 @@ ${this.attributes_.map(
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$r, {
           config: _ctx.config,
           coordinate: _ctx.coordinate,
           feature: _ctx.feature,
@@ -469076,10 +469386,10 @@ ${this.attributes_.map(
           onHide: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("hide"))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$m, [
-              _ctx.config.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, vue.toDisplayString(resolveTitle()), 1)) : vue.createCommentVNode("", true),
-              _ctx.config.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, vue.toDisplayString(_ctx.config.description), 1)) : vue.createCommentVNode("", true),
-              _ctx.config.allowViewSwitch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
+            vue.createElementVNode("div", _hoisted_1$n, [
+              _ctx.config.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, vue.toDisplayString(resolveTitle()), 1)) : vue.createCommentVNode("", true),
+              _ctx.config.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, vue.toDisplayString(_ctx.config.description), 1)) : vue.createCommentVNode("", true),
+              _ctx.config.allowViewSwitch ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
                 vue.createVNode(vue.unref(ElButton), {
                   class: vue.normalizeClass(["view-btn", { active: currentView.value === "table" }]),
                   onClick: _cache[0] || (_cache[0] = ($event) => setView("table")),
@@ -469114,7 +469424,7 @@ ${this.attributes_.map(
                   _: 1
                 }, 8, ["class", "type"])
               ])) : vue.createCommentVNode("", true),
-              _ctx.config.searchable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$j, [
+              _ctx.config.searchable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$k, [
                 vue.createVNode(vue.unref(ElInput), {
                   modelValue: searchQuery.value,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => searchQuery.value = $event),
@@ -469500,7 +469810,7 @@ ${this.attributes_.map(
         let app = null;
         switch (type) {
           case "html":
-            app = vue.createApp(_sfc_main$p, {
+            app = vue.createApp(_sfc_main$q, {
               id: popupId,
               config: { ...this.config.defaultConfig, ...config },
               coordinate,
@@ -469510,7 +469820,7 @@ ${this.attributes_.map(
             });
             break;
           case "image":
-            app = vue.createApp(_sfc_main$o, {
+            app = vue.createApp(_sfc_main$p, {
               id: popupId,
               config: { ...this.config.defaultConfig, ...config },
               coordinate,
@@ -469520,7 +469830,7 @@ ${this.attributes_.map(
             });
             break;
           case "array":
-            app = vue.createApp(_sfc_main$n, {
+            app = vue.createApp(_sfc_main$o, {
               id: popupId,
               config: { ...this.config.defaultConfig, ...config },
               coordinate,
@@ -469536,7 +469846,7 @@ ${this.attributes_.map(
           case "all":
             const allConfig = config;
             if (allConfig.htmlContent) {
-              app = vue.createApp(_sfc_main$p, {
+              app = vue.createApp(_sfc_main$q, {
                 id: popupId,
                 config: {
                   ...allConfig,
@@ -469548,7 +469858,7 @@ ${this.attributes_.map(
                 onClose: () => this.closePopup(popupId)
               });
             } else if (allConfig.images) {
-              app = vue.createApp(_sfc_main$o, {
+              app = vue.createApp(_sfc_main$p, {
                 id: popupId,
                 config: {
                   ...allConfig,
@@ -469560,7 +469870,7 @@ ${this.attributes_.map(
                 onClose: () => this.closePopup(popupId)
               });
             } else if (allConfig.data) {
-              app = vue.createApp(_sfc_main$n, {
+              app = vue.createApp(_sfc_main$o, {
                 id: popupId,
                 config: {
                   ...allConfig,
@@ -469576,7 +469886,7 @@ ${this.attributes_.map(
                 }
               });
             } else {
-              app = vue.createApp(_sfc_main$q, {
+              app = vue.createApp(_sfc_main$r, {
                 id: popupId,
                 config: allConfig,
                 coordinate,
@@ -469599,7 +469909,7 @@ ${this.attributes_.map(
               },
               render() {
                 return vue.h(
-                  _sfc_main$q,
+                  _sfc_main$r,
                   { config: this.cfg, coordinate: this.coordinate, feature: this.feature, visible: true, id: popupId, onClose: this.onClose },
                   { default: () => vue.h(this.CustomComp, { ...this.computedProps, feature: this.feature, coordinate: this.coordinate, config: this.cfg }) }
                 );
@@ -469883,7 +470193,11 @@ ${this.attributes_.map(
     initMap(targetId) {
       var _a3;
       const projection2 = this.config.projection || "EPSG:4326";
-      if (projection2 === "EPSG:4490") {
+      if (this.config.projectionDefinition) {
+        proj4$1.defs(projection2, this.config.projectionDefinition);
+        register$3(proj4$1);
+      }
+      if (projection2 === "EPSG:4490" && !this.config.projectionDefinition) {
         setupEPSG4490();
       }
       const center2 = this.config.center || [116.404, 39.915];
@@ -470596,13 +470910,13 @@ ${this.attributes_.map(
       this.map = null;
     }
   }
-  const _hoisted_1$l = ["id"];
-  const _hoisted_2$j = {
+  const _hoisted_1$m = ["id"];
+  const _hoisted_2$k = {
     class: "absolute top-0 left-0 w-full h-full z-2000",
     "element-loading-text": "地图加载中...",
     "element-loading-background": "rgba(0, 0, 0, 0.3)"
   };
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     __name: "MapContainer",
     props: {
       config: {},
@@ -470785,8 +471099,8 @@ ${this.attributes_.map(
           vue.createElementVNode("div", {
             id: mapId.value,
             class: "w-full h-full bg-gray-100"
-          }, null, 8, _hoisted_1$l),
-          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$j, null, 512), [
+          }, null, 8, _hoisted_1$m),
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$k, null, 512), [
             [vue.vShow, _ctx.loading],
             [_directive_loading, _ctx.loading]
           ])
@@ -470795,8 +471109,8 @@ ${this.attributes_.map(
     }
   });
   const MapContainer_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$k = ["href"];
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$l = ["href"];
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       prefix: { default: "icon" },
@@ -470814,7 +471128,7 @@ ${this.attributes_.map(
           class: computedClass.value,
           "aria-hidden": "true"
         }, _ctx.$attrs), [
-          vue.createElementVNode("use", { href: symbolId.value }, null, 8, _hoisted_1$k)
+          vue.createElementVNode("use", { href: symbolId.value }, null, 8, _hoisted_1$l)
         ], 16);
       };
     }
@@ -471015,14 +471329,14 @@ ${this.attributes_.map(
   }
   const dialogCacheManager = new DialogCacheManager();
   const dialogCacheManager$1 = dialogCacheManager;
-  const _hoisted_1$j = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
-  const _hoisted_2$i = { class: "flex items-center gap-2" };
-  const _hoisted_3$i = { class: "flex-1 overflow-auto min-h-0 h-0" };
-  const _hoisted_4$i = {
+  const _hoisted_1$k = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
+  const _hoisted_2$j = { class: "flex items-center gap-2" };
+  const _hoisted_3$j = { class: "flex-1 overflow-auto min-h-0 h-0" };
+  const _hoisted_4$j = {
     key: 0,
     class: "px-5 py-4 border-t border-gray-200 bg-gray-50 flex justify-end gap-3"
   };
-  const _hoisted_5$i = ["onMousedown"];
+  const _hoisted_5$j = ["onMousedown"];
   const _hoisted_6$f = { class: "text-base font-semibold text-gray-800 flex-1 overflow-hidden text-ellipsis whitespace-nowrap" };
   const _hoisted_7$d = { class: "flex items-center gap-2" };
   const _hoisted_8$a = { class: "flex-1 overflow-auto min-h-0 h-0" };
@@ -471034,7 +471348,7 @@ ${this.attributes_.map(
     key: 1,
     class: "absolute top-0 left-0 w-full h-full pointer-events-none"
   };
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{
       inheritAttrs: false
     },
@@ -471525,12 +471839,12 @@ ${this.attributes_.map(
                 class: vue.normalizeClass(["flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-gray-50", { "cursor-move": _ctx.draggable && !isFullscreen.value }]),
                 onMousedown: startDrag
               }, [
-                vue.createElementVNode("div", _hoisted_1$j, [
+                vue.createElementVNode("div", _hoisted_1$k, [
                   vue.renderSlot(_ctx.$slots, "title", {}, () => [
                     vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
                   ])
                 ]),
-                vue.createElementVNode("div", _hoisted_2$i, [
+                vue.createElementVNode("div", _hoisted_2$j, [
                   _ctx.showFullscreen ? (vue.openBlock(), vue.createBlock(vue.unref(ElButton), {
                     key: 0,
                     class: "w-6 h-6 border-none bg-transparent cursor-pointer flex items-center justify-center rounded text-gray-500 transition-all duration-200 hover:bg-gray-200 hover:text-gray-600",
@@ -471538,7 +471852,7 @@ ${this.attributes_.map(
                     title: isFullscreen.value ? "退出全屏" : "全屏"
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_sfc_main$l, {
+                      vue.createVNode(_sfc_main$m, {
                         name: isFullscreen.value ? "exit-fullscreen" : "fullscreen"
                       }, null, 8, ["name"])
                     ]),
@@ -471551,16 +471865,16 @@ ${this.attributes_.map(
                     title: "关闭"
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_sfc_main$l, { name: "close" })
+                      vue.createVNode(_sfc_main$m, { name: "close" })
                     ]),
                     _: 1
                   })) : vue.createCommentVNode("", true)
                 ])
               ], 34),
-              vue.createElementVNode("div", _hoisted_3$i, [
+              vue.createElementVNode("div", _hoisted_3$j, [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
-              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$i, [
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
                 vue.renderSlot(_ctx.$slots, "footer")
               ])) : vue.createCommentVNode("", true),
               _ctx.resizable && !isFullscreen.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resizeDirections, (direction2) => {
@@ -471568,7 +471882,7 @@ ${this.attributes_.map(
                   key: direction2,
                   class: vue.normalizeClass(`absolute bg-transparent z-10 pointer-events-auto resize-${direction2}`),
                   onMousedown: ($event) => startResize($event, direction2)
-                }, null, 42, _hoisted_5$i);
+                }, null, 42, _hoisted_5$j);
               }), 64)) : vue.createCommentVNode("", true)
             ], 16)
           ], 6)) : vue.createCommentVNode("", true)
@@ -471621,7 +471935,7 @@ ${this.attributes_.map(
                   title: isFullscreen.value ? "退出全屏" : "全屏"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$l, {
+                    vue.createVNode(_sfc_main$m, {
                       name: isFullscreen.value ? "exit-fullscreen" : "fullscreen"
                     }, null, 8, ["name"])
                   ]),
@@ -471634,7 +471948,7 @@ ${this.attributes_.map(
                   title: "关闭"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$l, { name: "close" })
+                    vue.createVNode(_sfc_main$m, { name: "close" })
                   ]),
                   _: 1
                 })) : vue.createCommentVNode("", true)
@@ -471696,13 +472010,13 @@ ${this.attributes_.map(
   const tencentVecUrl = "data:image/png;base64,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";
   const osmUrl = "data:image/png;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2YyZjJmMiIvPgogIDxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS13aWR0aD0iMSIvPgogIDxwYXRoIGQ9Ik0yMCAzMCBMNDAgMjAgTDYwIDM1IEw4MCAyNSBMODAgNzAgTDYwIDc1IEw0MCA2MCBMMjAgNzAgWiIgZmlsbD0iIzdkZDNjMCIgc3Ryb2tlPSIjNWNiM2EwIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8Y2lyY2xlIGN4PSIzNSIgY3k9IjQ1IiByPSIzIiBmaWxsPSIjZmY2YjZiIi8+CiAgPGNpcmNsZSBjeD0iNTUiIGN5PSIzNSIgcj0iMiIgZmlsbD0iIzRlY2RjNCIvPgogIDxjaXJjbGUgY3g9IjY1IiBjeT0iNTUiIHI9IjIiIGZpbGw9IiM0NWI3ZDEiLz4KICA8dGV4dCB4PSI1MCIgeT0iOTAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzY2NiI+T1NNPC90ZXh0Pgo8L3N2Zz4=";
   const customBlueUrl = "data:image/png;base64,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";
-  const _hoisted_1$i = { class: "basemap-content" };
-  const _hoisted_2$h = { class: "basemap-grid" };
-  const _hoisted_3$h = ["onClick"];
-  const _hoisted_4$h = { class: "basemap-preview" };
-  const _hoisted_5$h = ["src", "alt"];
+  const _hoisted_1$j = { class: "basemap-content" };
+  const _hoisted_2$i = { class: "basemap-grid" };
+  const _hoisted_3$i = ["onClick"];
+  const _hoisted_4$i = { class: "basemap-preview" };
+  const _hoisted_5$i = ["src", "alt"];
   const _hoisted_6$e = { class: "basemap-name" };
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     __name: "BasemapPanel",
     props: {
       modelValue: { type: Boolean }
@@ -471917,7 +472231,7 @@ ${this.attributes_.map(
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           modelValue: visible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           title: "底图选择",
@@ -471933,23 +472247,23 @@ ${this.attributes_.map(
           onClose: handleClose
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$i, [
-              vue.createElementVNode("div", _hoisted_2$h, [
+            vue.createElementVNode("div", _hoisted_1$j, [
+              vue.createElementVNode("div", _hoisted_2$i, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBasemaps.value, (basemap) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: basemap.id,
                     class: vue.normalizeClass(["basemap-item", { active: selectedBasemap.value === basemap.id }]),
                     onClick: ($event) => selectBasemap(basemap)
                   }, [
-                    vue.createElementVNode("div", _hoisted_4$h, [
+                    vue.createElementVNode("div", _hoisted_4$i, [
                       vue.createElementVNode("img", {
                         src: basemap.thumbnail,
                         alt: basemap.name,
                         loading: "lazy"
-                      }, null, 8, _hoisted_5$h)
+                      }, null, 8, _hoisted_5$i)
                     ]),
                     vue.createElementVNode("div", _hoisted_6$e, vue.toDisplayString(basemap.name), 1)
-                  ], 10, _hoisted_3$h);
+                  ], 10, _hoisted_3$i);
                 }), 128))
               ])
             ])
@@ -472291,15 +472605,15 @@ ${this.attributes_.map(
   function createOverviewMapUtil() {
     return new OverviewMapUtil();
   }
-  const _hoisted_1$h = { class: "measurement-content h-full flex flex-col" };
-  const _hoisted_2$g = { class: "measurement-header flex justify-between items-center px-6 py-4" };
-  const _hoisted_3$g = { class: "measurement-result py-8 text-center" };
-  const _hoisted_4$g = { class: "result-value" };
-  const _hoisted_5$g = { class: "tool-grid flex-1 py-5" };
+  const _hoisted_1$i = { class: "measurement-content h-full flex flex-col" };
+  const _hoisted_2$h = { class: "measurement-header flex justify-between items-center px-6 py-4" };
+  const _hoisted_3$h = { class: "measurement-result py-8 text-center" };
+  const _hoisted_4$h = { class: "result-value" };
+  const _hoisted_5$h = { class: "tool-grid flex-1 py-5" };
   const _hoisted_6$d = ["onClick"];
   const _hoisted_7$c = ["src", "alt"];
   const _hoisted_8$9 = { class: "tool-label" };
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     __name: "MeasurementDialog",
     props: {
       modelValue: { type: Boolean }
@@ -472531,7 +472845,7 @@ ${this.attributes_.map(
         const _component_el_option_group = vue.resolveComponent("el-option-group");
         const _component_el_select = vue.resolveComponent("el-select");
         const _component_el_button = vue.resolveComponent("el-button");
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
           title: "图上量算",
@@ -472541,8 +472855,8 @@ ${this.attributes_.map(
           cacheId: "measurement-dialog"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$h, [
-              vue.createElementVNode("div", _hoisted_2$g, [
+            vue.createElementVNode("div", _hoisted_1$i, [
+              vue.createElementVNode("div", _hoisted_2$h, [
                 vue.createVNode(_component_el_select, {
                   modelValue: selectedUnit.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUnit.value = $event),
@@ -472610,10 +472924,10 @@ ${this.attributes_.map(
                   _: 1
                 })
               ]),
-              vue.createElementVNode("div", _hoisted_3$g, [
-                vue.createElementVNode("div", _hoisted_4$g, vue.toDisplayString(getDisplayValue()), 1)
+              vue.createElementVNode("div", _hoisted_3$h, [
+                vue.createElementVNode("div", _hoisted_4$h, vue.toDisplayString(getDisplayValue()), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_5$g, [
+              vue.createElementVNode("div", _hoisted_5$h, [
                 (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(measurementTools, (tool) => {
                   return vue.createElementVNode("div", {
                     key: tool.type,
@@ -472644,13 +472958,13 @@ ${this.attributes_.map(
     }
     return target;
   };
-  const MeasurementDialog = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-d868b567"]]);
-  const _hoisted_1$g = { class: "coordinate-content" };
-  const _hoisted_2$f = { class: "format-selection" };
-  const _hoisted_3$f = { class: "format-options" };
-  const _hoisted_4$f = { class: "coordinate-input" };
-  const _hoisted_5$f = { class: "dialog-footer" };
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const MeasurementDialog = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-d868b567"]]);
+  const _hoisted_1$h = { class: "coordinate-content" };
+  const _hoisted_2$g = { class: "format-selection" };
+  const _hoisted_3$g = { class: "format-options" };
+  const _hoisted_4$g = { class: "coordinate-input" };
+  const _hoisted_5$g = { class: "dialog-footer" };
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     __name: "CoordinateLocationDialog",
     props: {
       modelValue: { type: Boolean }
@@ -472800,7 +473114,7 @@ ${this.attributes_.map(
         const _component_el_form_item = vue.resolveComponent("el-form-item");
         const _component_el_form = vue.resolveComponent("el-form");
         const _component_el_button = vue.resolveComponent("el-button");
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
           title: "坐标拾取",
@@ -472811,7 +473125,7 @@ ${this.attributes_.map(
           class: "coordinate-dialog"
         }, {
           footer: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_5$f, [
+            vue.createElementVNode("div", _hoisted_5$g, [
               vue.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: getCurrentLocation
@@ -472833,10 +473147,10 @@ ${this.attributes_.map(
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$g, [
-              vue.createElementVNode("div", _hoisted_2$f, [
+            vue.createElementVNode("div", _hoisted_1$h, [
+              vue.createElementVNode("div", _hoisted_2$g, [
                 _cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "format-title" }, "坐标格式", -1)),
-                vue.createElementVNode("div", _hoisted_3$f, [
+                vue.createElementVNode("div", _hoisted_3$g, [
                   vue.createVNode(_component_el_radio_group, {
                     modelValue: selectedFormat.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedFormat.value = $event),
@@ -472860,7 +473174,7 @@ ${this.attributes_.map(
                   }, 8, ["modelValue"])
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_4$f, [
+              vue.createElementVNode("div", _hoisted_4$g, [
                 vue.createVNode(_component_el_form, {
                   model: coordinateForm,
                   "label-width": "60px"
@@ -472902,14 +473216,14 @@ ${this.attributes_.map(
     }
   });
   const CoordinateLocationDialog_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$f = { class: "region-content" };
-  const _hoisted_2$e = {
+  const _hoisted_1$g = { class: "region-content" };
+  const _hoisted_2$f = {
     key: 0,
     class: "region-categories"
   };
-  const _hoisted_3$e = { class: "region-group" };
-  const _hoisted_4$e = { class: "region-items" };
-  const _hoisted_5$e = { class: "region-group" };
+  const _hoisted_3$f = { class: "region-group" };
+  const _hoisted_4$f = { class: "region-items" };
+  const _hoisted_5$f = { class: "region-group" };
   const _hoisted_6$c = { class: "region-items" };
   const _hoisted_7$b = { class: "region-group" };
   const _hoisted_8$8 = { class: "region-items" };
@@ -472928,7 +473242,7 @@ ${this.attributes_.map(
     class: "sub-regions"
   };
   const _hoisted_20$4 = { class: "district-grid" };
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     __name: "RegionNavigationDialog",
     props: {
       modelValue: { type: Boolean }
@@ -474013,7 +474327,7 @@ ${this.attributes_.map(
         const _component_el_button = vue.resolveComponent("el-button");
         const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
         const _component_el_tabs = vue.resolveComponent("el-tabs");
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
           title: "地区导航",
@@ -474024,7 +474338,7 @@ ${this.attributes_.map(
           class: "region-dialog"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$f, [
+            vue.createElementVNode("div", _hoisted_1$g, [
               vue.createVNode(_component_el_tabs, {
                 modelValue: activeTab.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
@@ -474042,10 +474356,10 @@ ${this.attributes_.map(
                       closable: index2 > 0
                     }, {
                       default: vue.withCtx(() => [
-                        tab.name === "china" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
-                          vue.createElementVNode("div", _hoisted_3$e, [
+                        tab.name === "china" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+                          vue.createElementVNode("div", _hoisted_3$f, [
                             _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "group-title" }, "华北", -1)),
-                            vue.createElementVNode("div", _hoisted_4$e, [
+                            vue.createElementVNode("div", _hoisted_4$f, [
                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(regions.north, (region) => {
                                 return vue.openBlock(), vue.createBlock(_component_el_button, {
                                   key: region.code,
@@ -474061,7 +474375,7 @@ ${this.attributes_.map(
                               }), 128))
                             ])
                           ]),
-                          vue.createElementVNode("div", _hoisted_5$e, [
+                          vue.createElementVNode("div", _hoisted_5$f, [
                             _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "group-title" }, "东北", -1)),
                             vue.createElementVNode("div", _hoisted_6$c, [
                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(regions.northeast, (region) => {
@@ -474218,12 +474532,12 @@ ${this.attributes_.map(
     }
   });
   const RegionNavigationDialog_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$e = { class: "markers-content" };
-  const _hoisted_2$d = { class: "toolbar" };
-  const _hoisted_3$d = { class: "search-filter" };
-  const _hoisted_4$d = { class: "markers-list" };
-  const _hoisted_5$d = { class: "marker-name" };
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$f = { class: "markers-content" };
+  const _hoisted_2$e = { class: "toolbar" };
+  const _hoisted_3$e = { class: "search-filter" };
+  const _hoisted_4$e = { class: "markers-list" };
+  const _hoisted_5$e = { class: "marker-name" };
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     __name: "MyMarkersDialog",
     props: {
       modelValue: { type: Boolean }
@@ -474549,7 +474863,7 @@ ${this.attributes_.map(
         const _component_el_form_item = vue.resolveComponent("el-form-item");
         const _component_el_form = vue.resolveComponent("el-form");
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          vue.createVNode(_sfc_main$k, {
+          vue.createVNode(_sfc_main$l, {
             modelValue: dialogVisible.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
             title: "我的标记",
@@ -474560,8 +474874,8 @@ ${this.attributes_.map(
             class: "markers-dialog"
           }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$e, [
-                vue.createElementVNode("div", _hoisted_2$d, [
+              vue.createElementVNode("div", _hoisted_1$f, [
+                vue.createElementVNode("div", _hoisted_2$e, [
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     icon: vue.unref(plus_default),
@@ -474602,7 +474916,7 @@ ${this.attributes_.map(
                     _: 1
                   }, 8, ["icon", "disabled"])
                 ]),
-                vue.createElementVNode("div", _hoisted_3$d, [
+                vue.createElementVNode("div", _hoisted_3$e, [
                   vue.createVNode(_component_el_input, {
                     modelValue: searchKeyword.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
@@ -474635,7 +474949,7 @@ ${this.attributes_.map(
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                vue.createElementVNode("div", _hoisted_4$d, [
+                vue.createElementVNode("div", _hoisted_4$e, [
                   vue.createVNode(_component_el_table, {
                     data: filteredMarkers.value,
                     height: "300",
@@ -474649,7 +474963,7 @@ ${this.attributes_.map(
                         width: "120"
                       }, {
                         default: vue.withCtx(({ row }) => [
-                          vue.createElementVNode("div", _hoisted_5$d, [
+                          vue.createElementVNode("div", _hoisted_5$e, [
                             vue.createVNode(_component_el_icon, {
                               color: row.color,
                               size: "16"
@@ -474723,7 +475037,7 @@ ${this.attributes_.map(
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          vue.createVNode(_sfc_main$k, {
+          vue.createVNode(_sfc_main$l, {
             modelValue: showAddDialog.value,
             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => showAddDialog.value = $event),
             title: "添加标记",
@@ -474795,11 +475109,11 @@ ${this.attributes_.map(
     }
   });
   const MyMarkersDialog_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$d = { class: "bookmarks-content" };
-  const _hoisted_2$c = { class: "toolbar" };
-  const _hoisted_3$c = { class: "search-filter" };
-  const _hoisted_4$c = { class: "bookmarks-grid" };
-  const _hoisted_5$c = ["onClick"];
+  const _hoisted_1$e = { class: "bookmarks-content" };
+  const _hoisted_2$d = { class: "toolbar" };
+  const _hoisted_3$d = { class: "search-filter" };
+  const _hoisted_4$d = { class: "bookmarks-grid" };
+  const _hoisted_5$d = ["onClick"];
   const _hoisted_6$b = { class: "bookmark-thumbnail" };
   const _hoisted_7$a = { class: "thumbnail-placeholder" };
   const _hoisted_8$7 = { class: "bookmark-overlay" };
@@ -474821,7 +475135,7 @@ ${this.attributes_.map(
     class: "statistics"
   };
   const _hoisted_20$3 = { class: "dialog-footer" };
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     __name: "ViewBookmarksDialog",
     props: {
       modelValue: { type: Boolean }
@@ -475080,7 +475394,7 @@ ${this.attributes_.map(
         const _component_el_form_item = vue.resolveComponent("el-form-item");
         const _component_el_slider = vue.resolveComponent("el-slider");
         const _component_el_form = vue.resolveComponent("el-form");
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => dialogVisible.value = $event),
           title: "视角书签",
@@ -475101,8 +475415,8 @@ ${this.attributes_.map(
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$d, [
-              vue.createElementVNode("div", _hoisted_2$c, [
+            vue.createElementVNode("div", _hoisted_1$e, [
+              vue.createElementVNode("div", _hoisted_2$d, [
                 vue.createVNode(_component_el_button, {
                   type: "primary",
                   icon: vue.unref(plus_default),
@@ -475142,7 +475456,7 @@ ${this.attributes_.map(
                   _: 1
                 }, 8, ["icon", "disabled"])
               ]),
-              vue.createElementVNode("div", _hoisted_3$c, [
+              vue.createElementVNode("div", _hoisted_3$d, [
                 vue.createVNode(_component_el_input, {
                   modelValue: searchKeyword.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
@@ -475197,7 +475511,7 @@ ${this.attributes_.map(
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              vue.createElementVNode("div", _hoisted_4$c, [
+              vue.createElementVNode("div", _hoisted_4$d, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredBookmarks.value, (bookmark, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: bookmark.id,
@@ -475293,7 +475607,7 @@ ${this.attributes_.map(
                       ]),
                       vue.createElementVNode("div", _hoisted_17$4, vue.toDisplayString(formatTime(bookmark.createTime)), 1)
                     ])
-                  ], 8, _hoisted_5$c);
+                  ], 8, _hoisted_5$d);
                 }), 128))
               ]),
               filteredBookmarks.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$4, [
@@ -475356,7 +475670,7 @@ ${this.attributes_.map(
                 })
               ])) : vue.createCommentVNode("", true)
             ]),
-            vue.createVNode(_sfc_main$k, {
+            vue.createVNode(_sfc_main$l, {
               modelValue: showBookmarkForm.value,
               "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => showBookmarkForm.value = $event),
               title: editingIndex.value >= 0 ? "编辑书签" : "保存视角书签",
@@ -475511,11 +475825,11 @@ ${this.attributes_.map(
     }
   });
   const ViewBookmarksDialog_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$c = { class: "py-2.5" };
-  const _hoisted_2$b = { class: "h-150 overflow-y-auto" };
-  const _hoisted_3$b = { class: "flex items-center justify-between" };
-  const _hoisted_4$b = { class: "mb-5" };
-  const _hoisted_5$b = { class: "mb-3" };
+  const _hoisted_1$d = { class: "py-2.5" };
+  const _hoisted_2$c = { class: "h-150 overflow-y-auto" };
+  const _hoisted_3$c = { class: "flex items-center justify-between" };
+  const _hoisted_4$c = { class: "mb-5" };
+  const _hoisted_5$c = { class: "mb-3" };
   const _hoisted_6$a = {
     key: 0,
     class: "mb-3"
@@ -475600,7 +475914,7 @@ ${this.attributes_.map(
   const _hoisted_45 = { key: 0 };
   const _hoisted_46 = { key: 0 };
   const _hoisted_47 = { class: "text-right" };
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     __name: "MapPrintDialog",
     props: {
       modelValue: { type: Boolean },
@@ -475979,7 +476293,7 @@ ${this.attributes_.map(
         const _component_el_col = vue.resolveComponent("el-col");
         const _component_el_button_group = vue.resolveComponent("el-button-group");
         const _component_el_row = vue.resolveComponent("el-row");
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => dialogVisible.value = $event),
           title: "地图打印",
@@ -476017,15 +476331,15 @@ ${this.attributes_.map(
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$c, [
+            vue.createElementVNode("div", _hoisted_1$d, [
               vue.createVNode(_component_el_row, { gutter: 20 }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_el_col, { span: 8 }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_2$b, [
+                      vue.createElementVNode("div", _hoisted_2$c, [
                         vue.createVNode(_component_el_card, { shadow: "hover" }, {
                           header: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_3$b, [
+                            vue.createElementVNode("div", _hoisted_3$c, [
                               _cache[18] || (_cache[18] = vue.createElementVNode("span", null, "打印设置", -1)),
                               vue.createVNode(_component_el_button, {
                                 type: "text",
@@ -476045,9 +476359,9 @@ ${this.attributes_.map(
                             ])
                           ]),
                           default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_4$b, [
+                            vue.createElementVNode("div", _hoisted_4$c, [
                               _cache[21] || (_cache[21] = vue.createElementVNode("label", { class: "block text-sm font-medium text-gray-700 mb-2" }, "纸张设置", -1)),
-                              vue.createElementVNode("div", _hoisted_5$b, [
+                              vue.createElementVNode("div", _hoisted_5$c, [
                                 vue.createVNode(_component_el_select, {
                                   modelValue: printSettings.paperSize,
                                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => printSettings.paperSize = $event),
@@ -476589,17 +476903,17 @@ ${this.attributes_.map(
   const MapPrintDialog_vue_vue_type_style_index_0_lang = "";
   const MarkTab_vue_vue_type_style_index_0_scoped_127b85ab_lang = "";
   const MarkTab_vue_vue_type_style_index_1_lang = "";
-  const _hoisted_1$b = { class: "mark-tab-container" };
-  const _hoisted_2$a = { class: "continuous-switch" };
-  const _hoisted_3$a = { class: "tools-grid" };
-  const _hoisted_4$a = ["onClick"];
-  const _hoisted_5$a = ["src"];
+  const _hoisted_1$c = { class: "mark-tab-container" };
+  const _hoisted_2$b = { class: "continuous-switch" };
+  const _hoisted_3$b = { class: "tools-grid" };
+  const _hoisted_4$b = ["onClick"];
+  const _hoisted_5$b = ["src"];
   const _hoisted_6$9 = { class: "tool-label" };
   const _hoisted_7$8 = {
     key: 0,
     class: "stop-drawing-section"
   };
-  const _sfc_main$c = {
+  const _sfc_main$d = {
     __name: "MarkTab",
     setup(__props) {
       const mapRef = vue.inject("map");
@@ -477122,7 +477436,7 @@ ${this.attributes_.map(
         const _component_el_select = vue.resolveComponent("el-select");
         const _component_el_switch = vue.resolveComponent("el-switch");
         const _component_el_button = vue.resolveComponent("el-button");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
           vue.createVNode(_component_el_select, {
             modelValue: selectedType.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedType.value = $event),
@@ -477140,7 +477454,7 @@ ${this.attributes_.map(
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          vue.createElementVNode("div", _hoisted_2$a, [
+          vue.createElementVNode("div", _hoisted_2$b, [
             _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "switch-label" }, "连续标绘模式", -1)),
             vue.createVNode(_component_el_switch, {
               modelValue: continuousDrawing.value,
@@ -477148,7 +477462,7 @@ ${this.attributes_.map(
               size: "small"
             }, null, 8, ["modelValue"])
           ]),
-          vue.createElementVNode("div", _hoisted_3$a, [
+          vue.createElementVNode("div", _hoisted_3$b, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentTools.value, (tool, idx) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: idx,
@@ -477160,12 +477474,12 @@ ${this.attributes_.map(
                   src: tool.icon,
                   class: "tool-image",
                   alt: "tool icon"
-                }, null, 8, _hoisted_5$a)) : (vue.openBlock(), vue.createElementBlock("i", {
+                }, null, 8, _hoisted_5$b)) : (vue.openBlock(), vue.createElementBlock("i", {
                   key: 1,
                   class: vue.normalizeClass([tool.icon, "tool-icon-large"])
                 }, null, 2)),
                 vue.createElementVNode("span", _hoisted_6$9, vue.toDisplayString(tool.label), 1)
-              ], 8, _hoisted_4$a);
+              ], 8, _hoisted_4$b);
             }), 128))
           ]),
           activeDrawingTool.value && continuousDrawing.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [
@@ -477185,19 +477499,19 @@ ${this.attributes_.map(
       };
     }
   };
-  const MarkTab = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-127b85ab"]]);
+  const MarkTab = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-127b85ab"]]);
   const ListTab_vue_vue_type_style_index_0_scoped_1cc008ea_lang = "";
-  const _hoisted_1$a = { class: "list-tab-container" };
-  const _hoisted_2$9 = { class: "toolbar" };
-  const _hoisted_3$9 = { class: "toolbar-left" };
-  const _hoisted_4$9 = { class: "data-count" };
-  const _hoisted_5$9 = { class: "list-content" };
+  const _hoisted_1$b = { class: "list-tab-container" };
+  const _hoisted_2$a = { class: "toolbar" };
+  const _hoisted_3$a = { class: "toolbar-left" };
+  const _hoisted_4$a = { class: "data-count" };
+  const _hoisted_5$a = { class: "list-content" };
   const _hoisted_6$8 = { class: "tree-node" };
   const _hoisted_7$7 = {
     key: 1,
     class: "empty-state"
   };
-  const _sfc_main$b = {
+  const _sfc_main$c = {
     __name: "ListTab",
     setup(__props) {
       const groups = vue.ref([
@@ -477218,9 +477532,9 @@ ${this.attributes_.map(
       return (_ctx, _cache) => {
         const _component_el_button = vue.resolveComponent("el-button");
         const _component_el_tree = vue.resolveComponent("el-tree");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-          vue.createElementVNode("div", _hoisted_2$9, [
-            vue.createElementVNode("div", _hoisted_3$9, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+          vue.createElementVNode("div", _hoisted_2$a, [
+            vue.createElementVNode("div", _hoisted_3$a, [
               _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "toolbar-title" }, "分组管理:", -1)),
               vue.createVNode(_component_el_button, {
                 type: "primary",
@@ -477243,9 +477557,9 @@ ${this.attributes_.map(
                 _: 1
               })
             ]),
-            vue.createElementVNode("div", _hoisted_4$9, "共" + vue.toDisplayString(groups.value.length) + "条数据", 1)
+            vue.createElementVNode("div", _hoisted_4$a, "共" + vue.toDisplayString(groups.value.length) + "条数据", 1)
           ]),
-          vue.createElementVNode("div", _hoisted_5$9, [
+          vue.createElementVNode("div", _hoisted_5$a, [
             groups.value.length ? (vue.openBlock(), vue.createBlock(_component_el_tree, {
               key: 0,
               data: groups.value,
@@ -477268,16 +477582,16 @@ ${this.attributes_.map(
       };
     }
   };
-  const ListTab = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1cc008ea"]]);
+  const ListTab = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-1cc008ea"]]);
   const index_vue_vue_type_style_index_0_scoped_16fc7a81_lang = "";
-  const _hoisted_1$9 = { class: "dialog-content" };
-  const _hoisted_2$8 = { class: "toolbar" };
-  const _hoisted_3$8 = { class: "toolbar-left" };
-  const _hoisted_4$8 = ["onClick"];
-  const _hoisted_5$8 = { class: "toolbar-right" };
+  const _hoisted_1$a = { class: "dialog-content" };
+  const _hoisted_2$9 = { class: "toolbar" };
+  const _hoisted_3$9 = { class: "toolbar-left" };
+  const _hoisted_4$9 = ["onClick"];
+  const _hoisted_5$9 = { class: "toolbar-right" };
   const _hoisted_6$7 = ["onClick"];
   const _hoisted_7$6 = { class: "content-area" };
-  const _sfc_main$a = {
+  const _sfc_main$b = {
     __name: "index",
     setup(__props) {
       const visible = vue.ref(true);
@@ -477339,9 +477653,9 @@ ${this.attributes_.map(
           onClose: handleClose
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$9, [
-              vue.createElementVNode("div", _hoisted_2$8, [
-                vue.createElementVNode("div", _hoisted_3$8, [
+            vue.createElementVNode("div", _hoisted_1$a, [
+              vue.createElementVNode("div", _hoisted_2$9, [
+                vue.createElementVNode("div", _hoisted_3$9, [
                   (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(leftTools, (tool, idx) => {
                     return vue.createVNode(_component_el_tooltip, {
                       key: idx,
@@ -477353,13 +477667,13 @@ ${this.attributes_.map(
                         vue.createElementVNode("i", {
                           class: vue.normalizeClass([tool.icon, "tool-icon"]),
                           onClick: ($event) => handleToolClick(tool, "left", idx)
-                        }, null, 10, _hoisted_4$8)
+                        }, null, 10, _hoisted_4$9)
                       ]),
                       _: 2
                     }, 1032, ["content"]);
                   }), 64))
                 ]),
-                vue.createElementVNode("div", _hoisted_5$8, [
+                vue.createElementVNode("div", _hoisted_5$9, [
                   (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(rightTools, (tool, idx) => {
                     return vue.createVNode(_component_el_tooltip, {
                       key: idx,
@@ -477415,9 +477729,9 @@ ${this.attributes_.map(
       };
     }
   };
-  const MapDrawingDialog = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-16fc7a81"]]);
-  const _hoisted_1$8 = { class: "flex" };
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const MapDrawingDialog = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-16fc7a81"]]);
+  const _hoisted_1$9 = { class: "flex" };
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     __name: "MapToolbar",
     props: {
       config: { default: void 0 },
@@ -477608,7 +477922,7 @@ ${this.attributes_.map(
                 class: "main-menu-item"
               }, {
                 title: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_1$8, [
+                  vue.createElementVNode("div", _hoisted_1$9, [
                     vue.createElementVNode("div", null, [
                       vue.createVNode(_component_el_icon, null, {
                         default: vue.withCtx(() => [
@@ -477785,7 +478099,7 @@ ${this.attributes_.map(
             ]),
             _: 1
           }, 8, ["default-active"]),
-          vue.createVNode(_sfc_main$j, {
+          vue.createVNode(_sfc_main$k, {
             modelValue: showBasemapPanel.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showBasemapPanel.value = $event),
             config: props.config,
@@ -477796,28 +478110,28 @@ ${this.attributes_.map(
             modelValue: showMeasurement.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showMeasurement.value = $event)
           }, null, 8, ["modelValue"]),
-          vue.createVNode(_sfc_main$h, {
+          vue.createVNode(_sfc_main$i, {
             ref_key: "coordinateLocationDialogRef",
             ref: coordinateLocationDialogRef,
             modelValue: showCoordinateLocation.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => showCoordinateLocation.value = $event)
           }, null, 8, ["modelValue"]),
-          vue.createVNode(_sfc_main$g, {
+          vue.createVNode(_sfc_main$h, {
             modelValue: showRegionNavigation.value,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showRegionNavigation.value = $event),
             onNavigationAction: handleNavigationAction
           }, null, 8, ["modelValue"]),
-          vue.createVNode(_sfc_main$f, {
+          vue.createVNode(_sfc_main$g, {
             modelValue: showMyMarkers.value,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => showMyMarkers.value = $event),
             onMarkerAction: handleMarkerAction
           }, null, 8, ["modelValue"]),
-          vue.createVNode(_sfc_main$e, {
+          vue.createVNode(_sfc_main$f, {
             modelValue: showViewBookmarks.value,
             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => showViewBookmarks.value = $event),
             onBookmarkAction: handleBookmarkAction
           }, null, 8, ["modelValue"]),
-          vue.createVNode(_sfc_main$d, {
+          vue.createVNode(_sfc_main$e, {
             modelValue: showMapPrint.value,
             "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => showMapPrint.value = $event),
             onPrintAction: handlePrintAction
@@ -477832,7 +478146,7 @@ ${this.attributes_.map(
     }
   });
   const MapToolbar_vue_vue_type_style_index_0_scoped_f8ee8458_lang = "";
-  const MapToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f8ee8458"]]);
+  const MapToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f8ee8458"]]);
   const TIANDITU_CONFIG = {
     baseUrl: "https://api.tianditu.gov.cn/v2/search",
     key: "9a7244dd5d1a1299a52946a3d0f8ff68"
@@ -478492,14 +478806,14 @@ ${this.attributes_.map(
     MapSearchService,
     defaultSearchConfig
   }, Symbol.toStringTag, { value: "Module" }));
-  const _hoisted_1$7 = { class: "search-input-wrapper" };
-  const _hoisted_2$7 = { class: "search-results" };
-  const _hoisted_3$7 = {
+  const _hoisted_1$8 = { class: "search-input-wrapper" };
+  const _hoisted_2$8 = { class: "search-results" };
+  const _hoisted_3$8 = {
     key: 0,
     class: "search-section"
   };
-  const _hoisted_4$7 = { class: "section-title" };
-  const _hoisted_5$7 = ["onClick"];
+  const _hoisted_4$8 = { class: "section-title" };
+  const _hoisted_5$8 = ["onClick"];
   const _hoisted_6$6 = { class: "item-content" };
   const _hoisted_7$5 = { class: "item-name" };
   const _hoisted_8$5 = { class: "item-address" };
@@ -478528,7 +478842,7 @@ ${this.attributes_.map(
     key: 0,
     class: "no-results"
   };
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     __name: "MapSearch",
     props: {
       config: { default: () => ({
@@ -478773,7 +479087,7 @@ ${this.attributes_.map(
           class: vue.normalizeClass(["map-search-container", [`position-${position2.value}`, { "search-active": isSearchActive.value }]])
         }, [
           vue.renderSlot(_ctx.$slots, "prepend"),
-          vue.createElementVNode("div", _hoisted_1$7, [
+          vue.createElementVNode("div", _hoisted_1$8, [
             vue.renderSlot(_ctx.$slots, "search-input", {
               searchQuery: searchQuery.value,
               placeholder: placeholder.value,
@@ -478829,7 +479143,7 @@ ${this.attributes_.map(
               }, 8, ["modelValue", "placeholder"])
             ])
           ]),
-          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$7, [
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_2$8, [
             vue.renderSlot(_ctx.$slots, "search-results", {
               searchResults: searchResults.value,
               searchHistory: searchHistory.value,
@@ -478841,9 +479155,9 @@ ${this.attributes_.map(
               clearHistory,
               highlightText
             }, () => [
-              showHistory.value && searchHistory.value.length > 0 && !searchQuery.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
+              showHistory.value && searchHistory.value.length > 0 && !searchQuery.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
                 vue.renderSlot(_ctx.$slots, "history-title", { clearHistory }, () => [
-                  vue.createElementVNode("div", _hoisted_4$7, [
+                  vue.createElementVNode("div", _hoisted_4$8, [
                     _cache[2] || (_cache[2] = vue.createElementVNode("span", null, "搜索历史", -1)),
                     vue.createVNode(vue.unref(ElButton), {
                       type: "text",
@@ -478879,7 +479193,7 @@ ${this.attributes_.map(
                         vue.createElementVNode("div", _hoisted_7$5, vue.toDisplayString(item.name), 1),
                         vue.createElementVNode("div", _hoisted_8$5, vue.toDisplayString(item.address), 1)
                       ])
-                    ], 10, _hoisted_5$7)
+                    ], 10, _hoisted_5$8)
                   ]);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
@@ -478954,7 +479268,7 @@ ${this.attributes_.map(
     }
   });
   const MapSearch_vue_vue_type_style_index_0_lang = "";
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       config: {},
@@ -479501,12 +479815,12 @@ ${this.attributes_.map(
     }
   });
   const index_vue_vue_type_style_index_0_scoped_45410a30_lang = "";
-  const MapControls = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-45410a30"]]);
-  const _hoisted_1$6 = { class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50 rounded-t-lg" };
-  const _hoisted_2$6 = { class: "panel-actions" };
-  const _hoisted_3$6 = { class: "panel-content max-h-125 overflow-y-auto" };
-  const _hoisted_4$6 = { class: "p-2" };
-  const _hoisted_5$6 = { class: "legend-content p-2" };
+  const MapControls = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-45410a30"]]);
+  const _hoisted_1$7 = { class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50 rounded-t-lg" };
+  const _hoisted_2$7 = { class: "panel-actions" };
+  const _hoisted_3$7 = { class: "panel-content max-h-125 overflow-y-auto" };
+  const _hoisted_4$7 = { class: "p-2" };
+  const _hoisted_5$7 = { class: "legend-content p-2" };
   const _hoisted_6$5 = { key: 0 };
   const _hoisted_7$4 = { class: "text-xs text-gray-600" };
   const _hoisted_8$4 = { key: 1 };
@@ -479537,7 +479851,7 @@ ${this.attributes_.map(
     key: 1,
     class: "py-10 px-5 text-center"
   };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "LegendPanel",
     props: {
       position: { default: "right" },
@@ -479747,9 +480061,9 @@ ${this.attributes_.map(
           class: vue.normalizeClass(["custom-legend-box absolute bg-white rounded-lg bottom-40px shadow-lg transition-all duration-300 max-h-[calc(100vh-40px)] overflow-hidden z-1000", { "legend-collapsed": isCollapsed.value }]),
           style: vue.normalizeStyle(panelStyle.value)
         }, [
-          vue.createElementVNode("div", _hoisted_1$6, [
+          vue.createElementVNode("div", _hoisted_1$7, [
             _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "m-0 text-sm font-semibold text-gray-800" }, "图例", -1)),
-            vue.createElementVNode("div", _hoisted_2$6, [
+            vue.createElementVNode("div", _hoisted_2$7, [
               vue.createVNode(_component_el_button, {
                 link: "",
                 size: "small",
@@ -479758,8 +480072,8 @@ ${this.attributes_.map(
               }, null, 8, ["icon"])
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_3$6, [
-            vue.createElementVNode("div", _hoisted_4$6, [
+          vue.createElementVNode("div", _hoisted_3$7, [
+            vue.createElementVNode("div", _hoisted_4$7, [
               visibleLegends.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_el_collapse, {
                 key: 0,
                 modelValue: activeNames.value,
@@ -479775,7 +480089,7 @@ ${this.attributes_.map(
                       class: "legend-item"
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createElementVNode("div", _hoisted_5$6, [
+                        vue.createElementVNode("div", _hoisted_5$7, [
                           legend.type === "symbol" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
                             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(legend.items, (item) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
@@ -480279,8 +480593,12 @@ ${this.attributes_.map(
       __publicField(this, "defaultCheckedKeys", vue.computed(() => {
         const checkedKeys = [];
         const collectVisibleIds = (layer2) => {
-          if (layer2.visible && layer2.type !== "group") {
-            checkedKeys.push(layer2.id);
+          if (layer2.visible) {
+            const isGroup = layer2.type === "group";
+            const hasChildren = layer2.children && Array.isArray(layer2.children) && layer2.children.length > 0;
+            if (!isGroup || isGroup && !hasChildren) {
+              checkedKeys.push(layer2.id);
+            }
           }
           if (layer2.children && Array.isArray(layer2.children)) {
             layer2.children.forEach((child) => collectVisibleIds(child));
@@ -480321,10 +480639,11 @@ ${this.attributes_.map(
      * @returns 树节点数据
      */
     buildLayerNode(layer2) {
+      const isGroup = layer2.type === "group" || layer2.children && Array.isArray(layer2.children) && layer2.children.length > 0;
       const node2 = {
         id: layer2.id,
         label: layer2.name,
-        type: "layer",
+        type: isGroup ? "group" : "layer",
         layerType: layer2.type,
         layerData: layer2
       };
@@ -480978,11 +481297,11 @@ ${this.attributes_.map(
       console.log("批量更新结果:", results);
     }
   }
-  const _hoisted_1$5 = { class: "filter-panel" };
-  const _hoisted_2$5 = { class: "config-section" };
-  const _hoisted_3$5 = { class: "config-item" };
-  const _hoisted_4$5 = { class: "value-text" };
-  const _hoisted_5$5 = { class: "config-item" };
+  const _hoisted_1$6 = { class: "filter-panel" };
+  const _hoisted_2$6 = { class: "config-section" };
+  const _hoisted_3$6 = { class: "config-item" };
+  const _hoisted_4$6 = { class: "value-text" };
+  const _hoisted_5$6 = { class: "config-item" };
   const _hoisted_6$4 = { class: "value-text" };
   const _hoisted_7$3 = { class: "config-item" };
   const _hoisted_8$3 = { class: "value-text" };
@@ -480999,7 +481318,7 @@ ${this.attributes_.map(
   const _hoisted_19 = { class: "value-text" };
   const _hoisted_20 = { class: "config-section" };
   const _hoisted_21 = { class: "preset-buttons" };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     __name: "FilterPanel",
     props: {
       filters: {}
@@ -481019,10 +481338,10 @@ ${this.attributes_.map(
       return (_ctx, _cache) => {
         const _component_el_slider = vue.resolveComponent("el-slider");
         const _component_el_button = vue.resolveComponent("el-button");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-          vue.createElementVNode("div", _hoisted_2$5, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+          vue.createElementVNode("div", _hoisted_2$6, [
             _cache[15] || (_cache[15] = vue.createElementVNode("h5", null, "色彩调整", -1)),
-            vue.createElementVNode("div", _hoisted_3$5, [
+            vue.createElementVNode("div", _hoisted_3$6, [
               _cache[11] || (_cache[11] = vue.createElementVNode("label", null, "色相:", -1)),
               vue.createVNode(_component_el_slider, {
                 modelValue: _ctx.filters.hue,
@@ -481032,9 +481351,9 @@ ${this.attributes_.map(
                 step: 1,
                 onInput: handleFilterChange
               }, null, 8, ["modelValue"]),
-              vue.createElementVNode("span", _hoisted_4$5, vue.toDisplayString(_ctx.filters.hue) + "°", 1)
+              vue.createElementVNode("span", _hoisted_4$6, vue.toDisplayString(_ctx.filters.hue) + "°", 1)
             ]),
-            vue.createElementVNode("div", _hoisted_5$5, [
+            vue.createElementVNode("div", _hoisted_5$6, [
               _cache[12] || (_cache[12] = vue.createElementVNode("label", null, "饱和度:", -1)),
               vue.createVNode(_component_el_slider, {
                 modelValue: _ctx.filters.saturate,
@@ -481170,14 +481489,14 @@ ${this.attributes_.map(
     }
   });
   const FilterPanel_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$4 = { class: "style-config-panel" };
-  const _hoisted_2$4 = { class: "panel-title" };
-  const _hoisted_3$4 = {
+  const _hoisted_1$5 = { class: "style-config-panel" };
+  const _hoisted_2$5 = { class: "panel-title" };
+  const _hoisted_3$5 = {
     key: 0,
     class: "config-section"
   };
-  const _hoisted_4$4 = { class: "config-item" };
-  const _hoisted_5$4 = { class: "value-text" };
+  const _hoisted_4$5 = { class: "config-item" };
+  const _hoisted_5$5 = { class: "value-text" };
   const _hoisted_6$3 = { class: "config-item" };
   const _hoisted_7$2 = { class: "value-text" };
   const _hoisted_8$2 = {
@@ -481189,7 +481508,7 @@ ${this.attributes_.map(
   const _hoisted_11$1 = { class: "config-item" };
   const _hoisted_12$1 = { class: "config-item" };
   const _hoisted_13$1 = { class: "panel-actions" };
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "LayerStyleConfig",
     props: {
       layerData: {}
@@ -481220,11 +481539,11 @@ ${this.attributes_.map(
         const _component_el_select = vue.resolveComponent("el-select");
         const _component_el_switch = vue.resolveComponent("el-switch");
         const _component_el_button = vue.resolveComponent("el-button");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-          vue.createElementVNode("h4", _hoisted_2$4, vue.toDisplayString(_ctx.layerData.label) + " - 样式配置", 1),
-          isClusterLayer.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+          vue.createElementVNode("h4", _hoisted_2$5, vue.toDisplayString(_ctx.layerData.label) + " - 样式配置", 1),
+          isClusterLayer.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
             _cache[8] || (_cache[8] = vue.createElementVNode("h5", null, "聚合配置", -1)),
-            vue.createElementVNode("div", _hoisted_4$4, [
+            vue.createElementVNode("div", _hoisted_4$5, [
               _cache[6] || (_cache[6] = vue.createElementVNode("label", null, "聚合距离:", -1)),
               vue.createVNode(_component_el_slider, {
                 modelValue: _ctx.layerData.clusterDistance,
@@ -481234,7 +481553,7 @@ ${this.attributes_.map(
                 size: "small",
                 onInput: handleClusterDistanceChange
               }, null, 8, ["modelValue"]),
-              vue.createElementVNode("span", _hoisted_5$4, vue.toDisplayString(_ctx.layerData.clusterDistance) + "px", 1)
+              vue.createElementVNode("span", _hoisted_5$5, vue.toDisplayString(_ctx.layerData.clusterDistance) + "px", 1)
             ]),
             vue.createElementVNode("div", _hoisted_6$3, [
               _cache[7] || (_cache[7] = vue.createElementVNode("label", null, "最小距离:", -1)),
@@ -481320,12 +481639,12 @@ ${this.attributes_.map(
     }
   });
   const LayerStyleConfig_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$3 = { class: "font-medium" };
-  const _hoisted_2$3 = { class: "layer-info" };
-  const _hoisted_3$3 = { class: "layer-name" };
-  const _hoisted_4$3 = { class: "opacity-control" };
-  const _hoisted_5$3 = { class: "opacity-value" };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$4 = { class: "font-medium" };
+  const _hoisted_2$4 = { class: "layer-info" };
+  const _hoisted_3$4 = { class: "layer-name" };
+  const _hoisted_4$4 = { class: "opacity-control" };
+  const _hoisted_5$4 = { class: "opacity-value" };
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "LayerTreeNode",
     props: {
       data: {},
@@ -481377,7 +481696,7 @@ ${this.attributes_.map(
               ]),
               _: 1
             }),
-            vue.createElementVNode("span", _hoisted_1$3, vue.toDisplayString(_ctx.data.label), 1)
+            vue.createElementVNode("span", _hoisted_1$4, vue.toDisplayString(_ctx.data.label), 1)
           ], 32)) : (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: "layer-item",
@@ -481385,7 +481704,7 @@ ${this.attributes_.map(
             onClick: _cache[5] || (_cache[5] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
-            vue.createElementVNode("div", _hoisted_2$3, [
+            vue.createElementVNode("div", _hoisted_2$4, [
               vue.createVNode(_component_el_icon, {
                 class: vue.normalizeClass(["layer-icon", layerIconClass.value])
               }, {
@@ -481394,7 +481713,7 @@ ${this.attributes_.map(
                 ]),
                 _: 1
               }, 8, ["class"]),
-              vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(_ctx.data.label), 1)
+              vue.createElementVNode("span", _hoisted_3$4, vue.toDisplayString(_ctx.data.label), 1)
             ]),
             vue.createElementVNode("div", {
               class: "layer-controls",
@@ -481405,7 +481724,7 @@ ${this.attributes_.map(
               onDblclick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              vue.createElementVNode("div", _hoisted_4$3, [
+              vue.createElementVNode("div", _hoisted_4$4, [
                 vue.createVNode(_component_el_slider, {
                   modelValue: _ctx.data.layerData.opacity,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.data.layerData.opacity = $event),
@@ -481415,7 +481734,7 @@ ${this.attributes_.map(
                   class: "opacity-slider",
                   onInput: handleOpacityChange
                 }, null, 8, ["modelValue"]),
-                vue.createElementVNode("span", _hoisted_5$3, vue.toDisplayString(_ctx.data.layerData.opacity) + "%", 1)
+                vue.createElementVNode("span", _hoisted_5$4, vue.toDisplayString(_ctx.data.layerData.opacity) + "%", 1)
               ]),
               vue.createVNode(_component_el_popover, {
                 placement: "left",
@@ -481444,7 +481763,7 @@ ${this.attributes_.map(
                   })
                 ]),
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$4, {
+                  vue.createVNode(_sfc_main$5, {
                     "layer-data": _ctx.data.layerData,
                     onClusterDistanceChange: handleClusterDistanceChange,
                     onSuperMapConfigChange: handleSuperMapConfigChange,
@@ -481460,15 +481779,15 @@ ${this.attributes_.map(
     }
   });
   const LayerTreeNode_vue_vue_type_style_index_0_lang = "";
-  const _hoisted_1$2 = { class: "flex-1 overflow-y-auto p-4" };
-  const _hoisted_2$2 = { class: "pb-2 flex items-center justify-between" };
-  const _hoisted_3$2 = { class: "text-xs font-semibold text-gray-700 px-1 py-1 border-b border-gray-200 mb-2" };
-  const _hoisted_4$2 = { class: "global-style-panel" };
-  const _hoisted_5$2 = { class: "config-section" };
+  const _hoisted_1$3 = { class: "flex-1 overflow-y-auto p-4" };
+  const _hoisted_2$3 = { class: "pb-2 flex items-center justify-between" };
+  const _hoisted_3$3 = { class: "text-xs font-semibold text-gray-700 px-1 py-1 border-b border-gray-200 mb-2" };
+  const _hoisted_4$3 = { class: "global-style-panel" };
+  const _hoisted_5$3 = { class: "config-section" };
   const _hoisted_6$2 = { class: "config-item" };
   const _hoisted_7$1 = { class: "current-style-display" };
   const _hoisted_8$1 = { class: "style-preview" };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "LayerPanel",
     props: {
       modelValue: { type: Boolean }
@@ -481591,7 +481910,7 @@ ${this.attributes_.map(
         }
         const willCheck = checkedKeys ? checkedKeys.includes(data2.id) : !defaultCheckedKeys.value.includes(data2.id);
         const toggleNodeAndChildren = (node2, checked) => {
-          if (node2.type === "layer" && node2.layerData) {
+          if ((node2.type === "layer" || node2.type === "group") && node2.layerData) {
             node2.layerData.visible = checked;
             handleLayerVisibilityChange(node2.layerData);
             if (node2.layerData.type === "group") {
@@ -482306,7 +482625,7 @@ ${this.attributes_.map(
         const _component_el_tree = vue.resolveComponent("el-tree");
         const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
         const _component_el_tabs = vue.resolveComponent("el-tabs");
-        return vue.openBlock(), vue.createBlock(_sfc_main$k, vue.mergeProps({
+        return vue.openBlock(), vue.createBlock(_sfc_main$l, vue.mergeProps({
           modelValue: visible.value,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event)
         }, dialogProps.value, { onClose: handleClose }), vue.createSlots({
@@ -482344,8 +482663,8 @@ ${this.attributes_.map(
                   name: "layers"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$2, [
-                      vue.createElementVNode("div", _hoisted_2$2, [
+                    vue.createElementVNode("div", _hoisted_1$3, [
+                      vue.createElementVNode("div", _hoisted_2$3, [
                         _cache[7] || (_cache[7] = vue.createElementVNode("div", { class: "text-sm text-gray-600" }, "树形视图", -1)),
                         vue.createVNode(_component_el_radio_group, {
                           modelValue: activeTreeType.value,
@@ -482391,7 +482710,7 @@ ${this.attributes_.map(
                         class: "layer-tree"
                       }, {
                         default: vue.withCtx(({ node: node2, data: data2 }) => [
-                          vue.createVNode(_sfc_main$3, {
+                          vue.createVNode(_sfc_main$4, {
                             data: data2,
                             "layer-tree-manager": vue.unref(layerTreeManager),
                             onDoubleClick: handleLayerDoubleClick,
@@ -482407,7 +482726,7 @@ ${this.attributes_.map(
                           key: group2.id,
                           class: "mb-3"
                         }, [
-                          vue.createElementVNode("div", _hoisted_3$2, vue.toDisplayString(group2.name), 1),
+                          vue.createElementVNode("div", _hoisted_3$3, vue.toDisplayString(group2.name), 1),
                           vue.createVNode(_component_el_tree, {
                             ref_for: true,
                             ref: (el) => classificationTreeRefs.value[group2.id] = el,
@@ -482429,7 +482748,7 @@ ${this.attributes_.map(
                             class: "layer-tree"
                           }, {
                             default: vue.withCtx(({ node: node2, data: data2 }) => [
-                              vue.createVNode(_sfc_main$3, {
+                              vue.createVNode(_sfc_main$4, {
                                 data: data2,
                                 "layer-tree-manager": vue.unref(layerTreeManager),
                                 onDoubleClick: handleLayerDoubleClick,
@@ -482452,7 +482771,7 @@ ${this.attributes_.map(
                   name: "style"
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_4$2, [
+                    vue.createElementVNode("div", _hoisted_4$3, [
                       vue.createVNode(_component_el_tabs, {
                         modelValue: activeStyleTab.value,
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeStyleTab.value = $event),
@@ -482464,7 +482783,7 @@ ${this.attributes_.map(
                             name: "filters"
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_sfc_main$5, {
+                              vue.createVNode(_sfc_main$6, {
                                 filters: vue.unref(globalFilters),
                                 onFilterChange: applyFilterEffect,
                                 onReset: resetFilters,
@@ -482478,7 +482797,7 @@ ${this.attributes_.map(
                             name: "custom"
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createElementVNode("div", _hoisted_5$2, [
+                              vue.createElementVNode("div", _hoisted_5$3, [
                                 vue.createElementVNode("div", _hoisted_6$2, [
                                   vue.createVNode(vue.unref(ElInput), {
                                     modelValue: vue.unref(globalCustomCss),
@@ -482550,6 +482869,151 @@ ${this.attributes_.map(
     }
   });
   const LayerPanel_vue_vue_type_style_index_0_lang = "";
+  const _hoisted_1$2 = { class: "layer-panel" };
+  const _hoisted_2$2 = ["onClick"];
+  const _hoisted_3$2 = ["title"];
+  const _hoisted_4$2 = {
+    key: 0,
+    class: "active-border"
+  };
+  const _hoisted_5$2 = { class: "layer-name" };
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "OlBaseLayerSwitcher",
+    props: {
+      map: {},
+      baseLayers: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const expand = vue.ref(false);
+      const validBaseLayers = vue.computed(() => {
+        return props.baseLayers.filter((layer2) => layer2.baseImgUrl && layer2.baseImgUrl.trim() !== "");
+      });
+      const containerStyle = vue.computed(() => {
+        if (!expand.value) {
+          return { width: "96px" };
+        }
+        const count2 = validBaseLayers.value.length;
+        if (count2 === 0)
+          return { width: "96px" };
+        const width = count2 * 86 + (count2 - 1) * 10 + 10;
+        return { width: `${width}px` };
+      });
+      const currentLayer = vue.ref(null);
+      vue.watch(() => props.baseLayers, (layers) => {
+        if (!currentLayer.value) {
+          const visibleLayer = layers.find((l2) => l2.visible && l2.baseImgUrl);
+          if (visibleLayer) {
+            currentLayer.value = visibleLayer;
+          } else if (validBaseLayers.value.length > 0) {
+            currentLayer.value = validBaseLayers.value[0];
+          }
+        }
+      }, { deep: true, immediate: true });
+      const switchLayer = (targetLayer) => {
+        if (!props.map)
+          return;
+        currentLayer.value = targetLayer;
+        layerEventBus.emit("basemap-switch-request", {
+          basemapId: targetLayer.id,
+          basemapName: targetLayer.name,
+          basemapType: targetLayer.type,
+          basemapConfig: targetLayer
+        });
+        props.baseLayers.forEach((layerConfig) => {
+          const isVisible2 = layerConfig.id === targetLayer.id;
+          setLayerVisibility(layerConfig, isVisible2);
+        });
+        expand.value = false;
+      };
+      const setLayerVisibility = (config, visible) => {
+        config.visible = visible;
+        if (config.type === "group") {
+          if (config.layers) {
+            config.layers.forEach((child) => setLayerVisibility(child, visible));
+          }
+          if (config.children) {
+            config.children.forEach((child) => setLayerVisibility(child, visible));
+          }
+        }
+        if (config.id) {
+          const layer2 = findLayerById(props.map, config.id);
+          if (layer2) {
+            layer2.setVisible(visible);
+          }
+        }
+      };
+      const findLayerById = (map2, id2) => {
+        const layers = map2.getLayers().getArray();
+        return findLayerRecursive(layers, id2);
+      };
+      const findLayerRecursive = (layers, id2) => {
+        for (const layer2 of layers) {
+          if (layer2.get("id") === id2) {
+            return layer2;
+          }
+          if (layer2.getLayers && typeof layer2.getLayers === "function") {
+            const found = findLayerRecursive(layer2.getLayers().getArray(), id2);
+            if (found)
+              return found;
+          }
+        }
+        return null;
+      };
+      return (_ctx, _cache) => {
+        var _a3, _b3;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["ol-base-layer-switcher", { "is-expanded": expand.value }]),
+          style: vue.normalizeStyle(containerStyle.value),
+          onMouseenter: _cache[0] || (_cache[0] = ($event) => expand.value = true),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => expand.value = false)
+        }, [
+          vue.createElementVNode("div", _hoisted_1$2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(validBaseLayers.value, (layer2) => {
+              var _a4, _b4;
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: layer2.id,
+                class: vue.normalizeClass(["layer-item", { active: ((_a4 = currentLayer.value) == null ? void 0 : _a4.id) === layer2.id }]),
+                onClick: ($event) => switchLayer(layer2),
+                style: vue.normalizeStyle({ backgroundImage: `url(${layer2.baseImgUrl})` })
+              }, [
+                vue.createElementVNode("div", {
+                  class: "layer-name",
+                  title: layer2.name
+                }, vue.toDisplayString(layer2.name), 9, _hoisted_3$2),
+                ((_b4 = currentLayer.value) == null ? void 0 : _b4.id) === layer2.id ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [..._cache[2] || (_cache[2] = [
+                  vue.createElementVNode("div", { class: "check-icon" }, [
+                    vue.createElementVNode("svg", {
+                      viewBox: "0 0 1024 1024",
+                      width: "16",
+                      height: "16"
+                    }, [
+                      vue.createElementVNode("path", {
+                        d: "M384 725.333333l-192-192 64-64 128 128 320-320 64 64z",
+                        fill: "#fff"
+                      })
+                    ])
+                  ], -1)
+                ])])) : vue.createCommentVNode("", true)
+              ], 14, _hoisted_2$2);
+            }), 128))
+          ]),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["layer-trigger", { "is-hidden": expand.value }])
+          }, [
+            vue.createElementVNode("div", {
+              class: "current-layer-box",
+              style: vue.normalizeStyle({ backgroundImage: `url(${(_a3 = currentLayer.value) == null ? void 0 : _a3.baseImgUrl})` })
+            }, [
+              vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString((_b3 = currentLayer.value) == null ? void 0 : _b3.name), 1)
+            ], 4)
+          ], 2)
+        ], 38);
+      };
+    }
+  });
+  const OlBaseLayerSwitcher_vue_vue_type_style_index_0_scoped_396e5ed1_lang = "";
+  const OlBaseLayerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-396e5ed1"]]);
   const _hoisted_1$1 = {
     key: 2,
     class: "tooltip-content"
@@ -483795,12 +484259,13 @@ ${this.attributes_.map(
         isInFullscreen: () => isFullscreen.value
       });
       return (_ctx, _cache) => {
+        var _a3;
         const _component_el_icon = vue.resolveComponent("el-icon");
         const _component_el_button = vue.resolveComponent("el-button");
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["relative w-full h-full overflow-hidden", { "fixed top-0 left-0 w-screen h-screen z-9999": isFullscreen.value }])
         }, [
-          vue.createVNode(_sfc_main$m, {
+          vue.createVNode(_sfc_main$n, {
             ref_key: "mapContainerRef",
             ref: mapContainerRef,
             config: finalMapConfig.value,
@@ -483904,7 +484369,7 @@ ${this.attributes_.map(
           }, null, 8, ["config", "left-offset", "right-offset", "top-offset", "bottom-offset"]), [
             [vue.vShow, finalShowToolbar.value]
           ]),
-          vue.withDirectives(vue.createVNode(_sfc_main$8, {
+          vue.withDirectives(vue.createVNode(_sfc_main$9, {
             ref_key: "mapSearchRef",
             ref: mapSearchRef,
             config: finalSearchConfig.value,
@@ -483939,7 +484404,7 @@ ${this.attributes_.map(
           hasToolbarSlot.value ? vue.renderSlot(_ctx.$slots, "toolbar", { key: 2 }) : vue.createCommentVNode("", true),
           hasMapInfoSlot.value ? vue.renderSlot(_ctx.$slots, "mapInfo", { key: 3 }) : vue.createCommentVNode("", true),
           hasMapInfoSlot.value ? vue.renderSlot(_ctx.$slots, "map-info", { key: 4 }) : vue.createCommentVNode("", true),
-          finalEnableLayerPanel.value ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
+          finalEnableLayerPanel.value ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
             key: 5,
             modelValue: showLayerPanel.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showLayerPanel.value = $event)
@@ -483970,7 +484435,7 @@ ${this.attributes_.map(
               key: "2"
             } : void 0
           ]), 1032, ["modelValue"])) : vue.createCommentVNode("", true),
-          showLegend.value ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+          showLegend.value ? (vue.openBlock(), vue.createBlock(_sfc_main$7, {
             key: 6,
             position: finalLegendPosition.value,
             width: finalLegendWidth.value,
@@ -484018,7 +484483,12 @@ ${this.attributes_.map(
               }), 128))
             ])
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$d, {
+          map2.value && ((_a3 = finalMapConfig.value.baseLayers) == null ? void 0 : _a3.length) ? (vue.openBlock(), vue.createBlock(OlBaseLayerSwitcher, {
+            key: 9,
+            map: map2.value,
+            "base-layers": finalMapConfig.value.baseLayers
+          }, null, 8, ["map", "base-layers"])) : vue.createCommentVNode("", true),
+          vue.createVNode(_sfc_main$e, {
             modelValue: showPrintDialog.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showPrintDialog.value = $event),
             "map-instance": map2.value,
@@ -501112,14 +501582,14 @@ ${this.attributes_.map(
   };
   const install = (app) => {
     app.component("CustomOpenlayer", _sfc_main);
-    app.component("CustomDialog", _sfc_main$k);
-    app.component("SvgIcon", _sfc_main$l);
+    app.component("CustomDialog", _sfc_main$l);
+    app.component("SvgIcon", _sfc_main$m);
   };
   const index$1 = {
     install,
     CustomOpenlayer: _sfc_main,
-    CustomDialog: _sfc_main$k,
-    SvgIcon: _sfc_main$l
+    CustomDialog: _sfc_main$l,
+    SvgIcon: _sfc_main$m
   };
   const version$1 = "1.0.0";
   function commonjsRequire(path2) {
@@ -511311,7 +511781,7 @@ ${this.attributes_.map(
   }, Symbol.toStringTag, { value: "Module" }));
   exports2.BaseDrawing = BaseDrawing;
   exports2.BasemapManager = BasemapManager;
-  exports2.CustomDialog = _sfc_main$k;
+  exports2.CustomDialog = _sfc_main$l;
   exports2.CustomOpenlayer = _sfc_main;
   exports2.DrawingFactoryRegistry = DrawingFactoryRegistry;
   exports2.DrawingManager = DrawingManager;
@@ -511345,7 +511815,7 @@ ${this.attributes_.map(
   exports2.PolygonDrawing = PolygonDrawing;
   exports2.PolygonDrawingFactory = PolygonDrawingFactory;
   exports2.SpatialFilterType = SpatialFilterType;
-  exports2.SvgIcon = _sfc_main$l;
+  exports2.SvgIcon = _sfc_main$m;
   exports2.TextDrawing = TextDrawing;
   exports2.TextDrawingFactory = TextDrawingFactory;
   exports2.VectorTileLayerHandler = VectorTileLayerHandler;