npm - vue-openlayers-plugin - Versions diffs - 1.0.73 → 1.0.76 - Mend

vue-openlayers-plugin 1.0.73 → 1.0.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/lib/index.umd.js CHANGED Viewed

@@ -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;
@@ -81630,12 +81630,308 @@ ${this.attributes_.map(
       this.locateToGeoJSON(featureCollection2, options);
     }
   }
+  const DEFAULT_HIGHLIGHT_STYLE = {
+    fill: {
+      color: "rgba(255, 255, 0, 0.3)",
+      // 黄色半透明填充
+      opacity: 0.3
+    },
+    stroke: {
+      color: "#ffff00",
+      // 黄色描边
+      width: 3,
+      lineDash: [5, 5]
+      // 虚线
+    },
+    circle: {
+      radius: 8,
+      fill: {
+        color: "rgba(255, 255, 0, 0.6)",
+        opacity: 0.6
+      },
+      stroke: {
+        color: "#ffff00",
+        width: 3
+      }
+    },
+    text: {
+      font: "12px Arial",
+      fill: {
+        color: "#000000"
+      },
+      stroke: {
+        color: "#ffffff",
+        width: 2
+      },
+      offsetY: -15,
+      scale: 1.2
+    }
+  };
+  class FeatureHighlightManager {
+    constructor(map2, styleConfig) {
+      __publicField(this, "map");
+      __publicField(this, "highlightLayer");
+      __publicField(this, "highlightedFeatures", /* @__PURE__ */ new Map());
+      __publicField(this, "styleConfig");
+      __publicField(this, "featureIdCounter", 0);
+      this.map = map2;
+      this.styleConfig = { ...DEFAULT_HIGHLIGHT_STYLE, ...styleConfig };
+      this.highlightedFeatures = /* @__PURE__ */ new Map();
+      this.highlightLayer = new VectorLayer$3({
+        source: new VectorSource$2(),
+        style: this.createHighlightStyle.bind(this),
+        zIndex: 9999
+        // 确保高亮图层在最上层
+      });
+      this.map.addLayer(this.highlightLayer);
+    }
+    /**
+     * 确保 highlightedFeatures 是有效的 Map 实例
+     */
+    ensureHighlightedFeaturesMap() {
+      if (!this.highlightedFeatures || !(this.highlightedFeatures instanceof Map)) {
+        console.warn("FeatureHighlightManager: highlightedFeatures corrupted, reinitializing...");
+        this.highlightedFeatures = /* @__PURE__ */ new Map();
+      }
+    }
+    /**
+     * 创建高亮样式
+     */
+    createHighlightStyle(feature2) {
+      var _a3, _b3, _c2, _d, _e2, _f;
+      const geometry2 = feature2.getGeometry();
+      const geometryType = geometry2 == null ? void 0 : geometry2.getType();
+      const styleOptions = {};
+      if (geometryType === "Point" || geometryType === "MultiPoint") {
+        if (this.styleConfig.circle) {
+          styleOptions.image = new Circle$8({
+            radius: this.styleConfig.circle.radius || 8,
+            fill: new Fill$2({
+              color: ((_a3 = this.styleConfig.circle.fill) == null ? void 0 : _a3.color) || "rgba(255, 255, 0, 0.6)"
+            }),
+            stroke: new Stroke$2({
+              color: ((_b3 = this.styleConfig.circle.stroke) == null ? void 0 : _b3.color) || "#ffff00",
+              width: ((_c2 = this.styleConfig.circle.stroke) == null ? void 0 : _c2.width) || 3
+            })
+          });
+        }
+      } else {
+        if (this.styleConfig.fill) {
+          styleOptions.fill = new Fill$2({
+            color: this.styleConfig.fill.color || "rgba(255, 255, 0, 0.3)"
+          });
+        }
+        if (this.styleConfig.stroke) {
+          styleOptions.stroke = new Stroke$2({
+            color: this.styleConfig.stroke.color || "#ffff00",
+            width: this.styleConfig.stroke.width || 3,
+            lineDash: this.styleConfig.stroke.lineDash || [5, 5]
+          });
+        }
+      }
+      if (this.styleConfig.text) {
+        const properties = feature2.getProperties();
+        const labelText = properties.name || properties.label || "高亮要素";
+        styleOptions.text = new Text$5({
+          text: labelText,
+          font: this.styleConfig.text.font || "12px Arial",
+          fill: new Fill$2({
+            color: ((_d = this.styleConfig.text.fill) == null ? void 0 : _d.color) || "#000000"
+          }),
+          stroke: new Stroke$2({
+            color: ((_e2 = this.styleConfig.text.stroke) == null ? void 0 : _e2.color) || "#ffffff",
+            width: ((_f = this.styleConfig.text.stroke) == null ? void 0 : _f.width) || 2
+          }),
+          offsetY: this.styleConfig.text.offsetY || -15,
+          scale: this.styleConfig.text.scale || 1.2
+        });
+      }
+      return new Style$3(styleOptions);
+    }
+    /**
+     * 根据图层配置创建自定义高亮样式
+     */
+    createCustomHighlightStyle(feature2, customStyleConfig) {
+      var _a3, _b3, _c2, _d, _e2, _f, _g, _h, _i2, _j;
+      const geometry2 = feature2.getGeometry();
+      const geometryType = geometry2 == null ? void 0 : geometry2.getType();
+      const styleOptions = {};
+      if (geometryType === "Point" || geometryType === "MultiPoint") {
+        if (customStyleConfig == null ? void 0 : customStyleConfig.circle) {
+          styleOptions.image = new Circle$8({
+            radius: customStyleConfig.circle.radius || 8,
+            fill: new Fill$2({
+              color: ((_a3 = customStyleConfig.circle.fill) == null ? void 0 : _a3.color) || "rgba(255, 255, 0, 0.6)"
+            }),
+            stroke: new Stroke$2({
+              color: ((_b3 = customStyleConfig.circle.stroke) == null ? void 0 : _b3.color) || "#ffff00",
+              width: ((_c2 = customStyleConfig.circle.stroke) == null ? void 0 : _c2.width) || 3
+            })
+          });
+        }
+      } else {
+        if ((customStyleConfig == null ? void 0 : customStyleConfig.fill) || (customStyleConfig == null ? void 0 : customStyleConfig.fillColor)) {
+          const color2 = ((_d = customStyleConfig == null ? void 0 : customStyleConfig.fill) == null ? void 0 : _d.color) || (customStyleConfig == null ? void 0 : customStyleConfig.fillColor) || "rgba(255, 255, 0, 0.3)";
+          styleOptions.fill = new Fill$2({
+            color: color2
+          });
+        }
+        if ((customStyleConfig == null ? void 0 : customStyleConfig.stroke) || (customStyleConfig == null ? void 0 : customStyleConfig.strokeColor)) {
+          const color2 = ((_e2 = customStyleConfig == null ? void 0 : customStyleConfig.stroke) == null ? void 0 : _e2.color) || (customStyleConfig == null ? void 0 : customStyleConfig.strokeColor) || "#ffff00";
+          const width = ((_f = customStyleConfig == null ? void 0 : customStyleConfig.stroke) == null ? void 0 : _f.width) || (customStyleConfig == null ? void 0 : customStyleConfig.strokeWidth) || 3;
+          const lineDash = ((_g = customStyleConfig == null ? void 0 : customStyleConfig.stroke) == null ? void 0 : _g.lineDash) || (customStyleConfig == null ? void 0 : customStyleConfig.lineDash) || [5, 5];
+          styleOptions.stroke = new Stroke$2({
+            color: color2,
+            width,
+            lineDash
+          });
+        }
+      }
+      if (customStyleConfig == null ? void 0 : customStyleConfig.text) {
+        const properties = feature2.getProperties();
+        const labelText = properties.name || properties.label || "高亮要素";
+        styleOptions.text = new Text$5({
+          text: labelText,
+          font: customStyleConfig.text.font || "12px Arial",
+          fill: new Fill$2({
+            color: ((_h = customStyleConfig.text.fill) == null ? void 0 : _h.color) || "#000000"
+          }),
+          stroke: new Stroke$2({
+            color: ((_i2 = customStyleConfig.text.stroke) == null ? void 0 : _i2.color) || "#ffffff",
+            width: ((_j = customStyleConfig.text.stroke) == null ? void 0 : _j.width) || 2
+          }),
+          offsetX: customStyleConfig.text.offsetX || 0,
+          offsetY: customStyleConfig.text.offsetY || -15,
+          scale: customStyleConfig.text.scale || 1.2
+        });
+      }
+      return new Style$3(styleOptions);
+    }
+    /**
+     * 高亮要素
+     */
+    highlightFeature(feature2, layerId, layerHighlightConfig) {
+      var _a3;
+      this.ensureHighlightedFeaturesMap();
+      const existingId = this.isFeatureHighlighted(feature2);
+      if (existingId) {
+        return existingId;
+      }
+      if (layerHighlightConfig == null ? void 0 : layerHighlightConfig.clearOthersOnHighlight) {
+        this.clearAllHighlights();
+      }
+      const featureId2 = `highlight_${++this.featureIdCounter}_${Date.now()}`;
+      const highlightFeature = feature2.clone();
+      highlightFeature.setId(featureId2);
+      if (layerHighlightConfig == null ? void 0 : layerHighlightConfig.style) {
+        const customStyle = this.createCustomHighlightStyle(highlightFeature, layerHighlightConfig.style);
+        highlightFeature.setStyle(customStyle);
+      }
+      const originalStyle = feature2.getStyle();
+      const highlightInfo = {
+        originalFeature: feature2,
+        highlightFeature,
+        originalStyle,
+        layerId
+      };
+      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.addFeature(highlightFeature);
+      this.highlightedFeatures.set(featureId2, highlightInfo);
+      return featureId2;
+    }
+    /**
+     * 取消高亮要素
+     */
+    unhighlightFeature(featureId2) {
+      var _a3;
+      this.ensureHighlightedFeaturesMap();
+      const highlightInfo = this.highlightedFeatures.get(featureId2);
+      if (!highlightInfo) {
+        return false;
+      }
+      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.removeFeature(highlightInfo.highlightFeature);
+      this.highlightedFeatures.delete(featureId2);
+      return true;
+    }
+    /**
+     * 清除所有高亮
+     */
+    clearAllHighlights() {
+      var _a3;
+      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.clear();
+      this.ensureHighlightedFeaturesMap();
+      this.highlightedFeatures.clear();
+    }
+    /**
+     * 获取当前高亮的要素数量
+     */
+    getHighlightedCount() {
+      this.ensureHighlightedFeaturesMap();
+      return this.highlightedFeatures.size;
+    }
+    /**
+     * 获取所有高亮要素的ID
+     */
+    getHighlightedFeatureIds() {
+      this.ensureHighlightedFeaturesMap();
+      return Array.from(this.highlightedFeatures.keys());
+    }
+    /**
+     * 检查要素是否已高亮
+     */
+    isFeatureHighlighted(feature2) {
+      this.ensureHighlightedFeaturesMap();
+      if (!this.highlightedFeatures || typeof this.highlightedFeatures[Symbol.iterator] !== "function") {
+        console.warn("FeatureHighlightManager: highlightedFeatures lost iterator, reinitializing...");
+        this.highlightedFeatures = /* @__PURE__ */ new Map();
+        return null;
+      }
+      try {
+        const entries = Array.from(this.highlightedFeatures.entries());
+        for (const [id2, info] of entries) {
+          if (info && info.originalFeature === feature2) {
+            return id2;
+          }
+        }
+      } catch (error2) {
+        console.error("Error iterating highlightedFeatures:", error2);
+        this.highlightedFeatures = /* @__PURE__ */ new Map();
+        return null;
+      }
+      return null;
+    }
+    /**
+     * 更新高亮样式配置
+     */
+    updateStyleConfig(newConfig) {
+      var _a3;
+      this.styleConfig = { ...this.styleConfig, ...newConfig };
+      this.ensureHighlightedFeaturesMap();
+      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.getFeatures().forEach((feature2) => {
+        feature2.changed();
+      });
+    }
+    /**
+     * 获取当前样式配置
+     */
+    getStyleConfig() {
+      return { ...this.styleConfig };
+    }
+    /**
+     * 销毁管理器
+     */
+    destroy() {
+      this.clearAllHighlights();
+      this.map.removeLayer(this.highlightLayer);
+    }
+  }
   class GeoJSONLocationTool {
-    constructor(map2) {
+    constructor(map2, featureHighlightManager) {
       __publicField(this, "map");
       __publicField(this, "format");
+      __publicField(this, "featureHighlightManager");
       this.map = map2;
       this.format = new GeoJSON$4();
+      this.featureHighlightManager = featureHighlightManager;
     }
     /**
      * 定位到 GeoJSON 数据
@@ -81707,6 +82003,18 @@ ${this.attributes_.map(
           duration: fitOptions.duration,
           minZoom: fitOptions.minZoom
         });
+        if ((fitOptions.highlight || fitOptions.style) && this.featureHighlightManager) {
+          if (fitOptions.clearPrevious !== false) {
+            this.featureHighlightManager.clearAllHighlights();
+          }
+          const highlightConfig = {
+            style: fitOptions.style,
+            clearOthersOnHighlight: false
+          };
+          features2.forEach((feature2) => {
+            this.featureHighlightManager.highlightFeature(feature2, "location_highlight", highlightConfig);
+          });
+        }
         if (fitOptions.showMessage) {
         }
         return true;
@@ -81755,6 +82063,16 @@ ${this.attributes_.map(
           zoom: targetZoom,
           duration: (options == null ? void 0 : options.duration) || 1e3
         });
+        if (((options == null ? void 0 : options.highlight) || (options == null ? void 0 : options.style)) && this.featureHighlightManager) {
+          if (options.clearPrevious !== false) {
+            this.featureHighlightManager.clearAllHighlights();
+          }
+          const highlightConfig = {
+            style: options.style,
+            clearOthersOnHighlight: false
+          };
+          this.featureHighlightManager.highlightFeature(feature2, "location_center_highlight", highlightConfig);
+        }
         if ((options == null ? void 0 : options.showMessage) !== false) {
         }
         return true;
@@ -83385,7 +83703,8 @@ ${this.attributes_.map(
         rotation: config.rotation,
         backgroundFill: this.createFill(config.backgroundFill),
         backgroundStroke: this.createStroke(config.backgroundStroke),
-        padding: config.padding
+        padding: config.padding,
+        overflow: config.overflow
       });
       return textStyle;
     }
@@ -83693,8 +84012,12 @@ ${this.attributes_.map(
         var _a3;
         const geometryType = StyleFactory.getFeatureGeometryType(feature2);
         const defaultConfig = this.getDefaultStyle(geometryType);
-        const customConfig = styleConfig == null ? void 0 : styleConfig[geometryType];
-        const finalConfig = this.mergeStyleConfig(defaultConfig, customConfig);
+        const layerConfig = styleConfig == null ? void 0 : styleConfig[geometryType];
+        let finalConfig = this.mergeStyleConfig(defaultConfig, layerConfig);
+        const featureStyle = feature2.get("style");
+        if (featureStyle) {
+          finalConfig = this.mergeStyleConfig(finalConfig, featureStyle);
+        }
         if (finalConfig && finalConfig.text) {
           const textCfg = { ...finalConfig.text };
           let content2 = textCfg.text;
@@ -83847,6 +84170,20 @@ ${this.attributes_.map(
      * 创建样式函数
      */
     createStyleFunction() {
+      if (this.config.styleFunction) {
+        const userFn = this.config.styleFunction;
+        return (feature2, resolution) => {
+          const result = userFn(feature2, resolution || 0);
+          if (result instanceof Style$3 || Array.isArray(result) && result[0] instanceof Style$3) {
+            return result;
+          }
+          if (result && typeof result === "object") {
+            const geometryType = StyleFactory.getFeatureGeometryType(feature2);
+            return StyleFactory.createStyleByGeometryType(geometryType, result);
+          }
+          return [];
+        };
+      }
       this.parseStyleConfig();
       return styleManager.createStyleFunction(this.styleConfig);
     }
@@ -86136,6 +86473,9 @@ ${this.attributes_.map(
      * 创建样式函数
      */
     createStyleFunction() {
+      if (this.config.styleFunction) {
+        return this.config.styleFunction;
+      }
       this.parseStyleConfig();
       return styleManager.createStyleFunction(this.styleConfig);
     }
@@ -466759,6 +467099,9 @@ ${this.attributes_.map(
      * 创建样式函数
      */
     createStyleFunction() {
+      if (this.config.styleFunction) {
+        return this.config.styleFunction;
+      }
       if (this.styleConfig) {
         return styleManager.createStyleFunction(this.styleConfig);
       }
@@ -468350,298 +468693,8 @@ ${this.attributes_.map(
       this.layerConfigs.clear();
     }
   }
-  const DEFAULT_HIGHLIGHT_STYLE = {
-    fill: {
-      color: "rgba(255, 255, 0, 0.3)",
-      // 黄色半透明填充
-      opacity: 0.3
-    },
-    stroke: {
-      color: "#ffff00",
-      // 黄色描边
-      width: 3,
-      lineDash: [5, 5]
-      // 虚线
-    },
-    circle: {
-      radius: 8,
-      fill: {
-        color: "rgba(255, 255, 0, 0.6)",
-        opacity: 0.6
-      },
-      stroke: {
-        color: "#ffff00",
-        width: 3
-      }
-    },
-    text: {
-      font: "12px Arial",
-      fill: {
-        color: "#000000"
-      },
-      stroke: {
-        color: "#ffffff",
-        width: 2
-      },
-      offsetY: -15,
-      scale: 1.2
-    }
-  };
-  class FeatureHighlightManager {
-    constructor(map2, styleConfig) {
-      __publicField(this, "map");
-      __publicField(this, "highlightLayer");
-      __publicField(this, "highlightedFeatures", /* @__PURE__ */ new Map());
-      __publicField(this, "styleConfig");
-      __publicField(this, "featureIdCounter", 0);
-      this.map = map2;
-      this.styleConfig = { ...DEFAULT_HIGHLIGHT_STYLE, ...styleConfig };
-      this.highlightedFeatures = /* @__PURE__ */ new Map();
-      this.highlightLayer = new VectorLayer$3({
-        source: new VectorSource$2(),
-        style: this.createHighlightStyle.bind(this),
-        zIndex: 9999
-        // 确保高亮图层在最上层
-      });
-      this.map.addLayer(this.highlightLayer);
-    }
-    /**
-     * 确保 highlightedFeatures 是有效的 Map 实例
-     */
-    ensureHighlightedFeaturesMap() {
-      if (!this.highlightedFeatures || !(this.highlightedFeatures instanceof Map)) {
-        console.warn("FeatureHighlightManager: highlightedFeatures corrupted, reinitializing...");
-        this.highlightedFeatures = /* @__PURE__ */ new Map();
-      }
-    }
-    /**
-     * 创建高亮样式
-     */
-    createHighlightStyle(feature2) {
-      var _a3, _b3, _c2, _d, _e2, _f;
-      const geometry2 = feature2.getGeometry();
-      const geometryType = geometry2 == null ? void 0 : geometry2.getType();
-      const styleOptions = {};
-      if (geometryType === "Point" || geometryType === "MultiPoint") {
-        if (this.styleConfig.circle) {
-          styleOptions.image = new Circle$8({
-            radius: this.styleConfig.circle.radius || 8,
-            fill: new Fill$2({
-              color: ((_a3 = this.styleConfig.circle.fill) == null ? void 0 : _a3.color) || "rgba(255, 255, 0, 0.6)"
-            }),
-            stroke: new Stroke$2({
-              color: ((_b3 = this.styleConfig.circle.stroke) == null ? void 0 : _b3.color) || "#ffff00",
-              width: ((_c2 = this.styleConfig.circle.stroke) == null ? void 0 : _c2.width) || 3
-            })
-          });
-        }
-      } else {
-        if (this.styleConfig.fill) {
-          styleOptions.fill = new Fill$2({
-            color: this.styleConfig.fill.color || "rgba(255, 255, 0, 0.3)"
-          });
-        }
-        if (this.styleConfig.stroke) {
-          styleOptions.stroke = new Stroke$2({
-            color: this.styleConfig.stroke.color || "#ffff00",
-            width: this.styleConfig.stroke.width || 3,
-            lineDash: this.styleConfig.stroke.lineDash || [5, 5]
-          });
-        }
-      }
-      if (this.styleConfig.text) {
-        const properties = feature2.getProperties();
-        const labelText = properties.name || properties.label || "高亮要素";
-        styleOptions.text = new Text$5({
-          text: labelText,
-          font: this.styleConfig.text.font || "12px Arial",
-          fill: new Fill$2({
-            color: ((_d = this.styleConfig.text.fill) == null ? void 0 : _d.color) || "#000000"
-          }),
-          stroke: new Stroke$2({
-            color: ((_e2 = this.styleConfig.text.stroke) == null ? void 0 : _e2.color) || "#ffffff",
-            width: ((_f = this.styleConfig.text.stroke) == null ? void 0 : _f.width) || 2
-          }),
-          offsetY: this.styleConfig.text.offsetY || -15,
-          scale: this.styleConfig.text.scale || 1.2
-        });
-      }
-      return new Style$3(styleOptions);
-    }
-    /**
-     * 根据图层配置创建自定义高亮样式
-     */
-    createCustomHighlightStyle(feature2, customStyleConfig) {
-      var _a3, _b3, _c2, _d, _e2, _f;
-      const geometry2 = feature2.getGeometry();
-      const geometryType = geometry2 == null ? void 0 : geometry2.getType();
-      const styleOptions = {};
-      if (geometryType === "Point" || geometryType === "MultiPoint") {
-        if (customStyleConfig == null ? void 0 : customStyleConfig.circle) {
-          styleOptions.image = new Circle$8({
-            radius: customStyleConfig.circle.radius || 8,
-            fill: new Fill$2({
-              color: ((_a3 = customStyleConfig.circle.fill) == null ? void 0 : _a3.color) || "rgba(255, 255, 0, 0.6)"
-            }),
-            stroke: new Stroke$2({
-              color: ((_b3 = customStyleConfig.circle.stroke) == null ? void 0 : _b3.color) || "#ffff00",
-              width: ((_c2 = customStyleConfig.circle.stroke) == null ? void 0 : _c2.width) || 3
-            })
-          });
-        }
-      } else {
-        if (customStyleConfig == null ? void 0 : customStyleConfig.fill) {
-          styleOptions.fill = new Fill$2({
-            color: customStyleConfig.fill.color || "rgba(255, 255, 0, 0.3)"
-          });
-        }
-        if (customStyleConfig == null ? void 0 : customStyleConfig.stroke) {
-          styleOptions.stroke = new Stroke$2({
-            color: customStyleConfig.stroke.color || "#ffff00",
-            width: customStyleConfig.stroke.width || 3,
-            lineDash: customStyleConfig.stroke.lineDash || [5, 5]
-          });
-        }
-      }
-      if (customStyleConfig == null ? void 0 : customStyleConfig.text) {
-        const properties = feature2.getProperties();
-        const labelText = properties.name || properties.label || "高亮要素";
-        styleOptions.text = new Text$5({
-          text: labelText,
-          font: customStyleConfig.text.font || "12px Arial",
-          fill: new Fill$2({
-            color: ((_d = customStyleConfig.text.fill) == null ? void 0 : _d.color) || "#000000"
-          }),
-          stroke: new Stroke$2({
-            color: ((_e2 = customStyleConfig.text.stroke) == null ? void 0 : _e2.color) || "#ffffff",
-            width: ((_f = customStyleConfig.text.stroke) == null ? void 0 : _f.width) || 2
-          }),
-          offsetX: customStyleConfig.text.offsetX || 0,
-          offsetY: customStyleConfig.text.offsetY || -15,
-          scale: customStyleConfig.text.scale || 1.2
-        });
-      }
-      return new Style$3(styleOptions);
-    }
-    /**
-     * 高亮要素
-     */
-    highlightFeature(feature2, layerId, layerHighlightConfig) {
-      var _a3;
-      this.ensureHighlightedFeaturesMap();
-      const existingId = this.isFeatureHighlighted(feature2);
-      if (existingId) {
-        return existingId;
-      }
-      if (layerHighlightConfig == null ? void 0 : layerHighlightConfig.clearOthersOnHighlight) {
-        this.clearAllHighlights();
-      }
-      const featureId2 = `highlight_${++this.featureIdCounter}_${Date.now()}`;
-      const highlightFeature = feature2.clone();
-      highlightFeature.setId(featureId2);
-      if (layerHighlightConfig == null ? void 0 : layerHighlightConfig.style) {
-        const customStyle = this.createCustomHighlightStyle(highlightFeature, layerHighlightConfig.style);
-        highlightFeature.setStyle(customStyle);
-      }
-      const originalStyle = feature2.getStyle();
-      const highlightInfo = {
-        originalFeature: feature2,
-        highlightFeature,
-        originalStyle,
-        layerId
-      };
-      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.addFeature(highlightFeature);
-      this.highlightedFeatures.set(featureId2, highlightInfo);
-      return featureId2;
-    }
-    /**
-     * 取消高亮要素
-     */
-    unhighlightFeature(featureId2) {
-      var _a3;
-      this.ensureHighlightedFeaturesMap();
-      const highlightInfo = this.highlightedFeatures.get(featureId2);
-      if (!highlightInfo) {
-        return false;
-      }
-      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.removeFeature(highlightInfo.highlightFeature);
-      this.highlightedFeatures.delete(featureId2);
-      return true;
-    }
-    /**
-     * 清除所有高亮
-     */
-    clearAllHighlights() {
-      var _a3;
-      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.clear();
-      this.ensureHighlightedFeaturesMap();
-      this.highlightedFeatures.clear();
-    }
-    /**
-     * 获取当前高亮的要素数量
-     */
-    getHighlightedCount() {
-      this.ensureHighlightedFeaturesMap();
-      return this.highlightedFeatures.size;
-    }
-    /**
-     * 获取所有高亮要素的ID
-     */
-    getHighlightedFeatureIds() {
-      this.ensureHighlightedFeaturesMap();
-      return Array.from(this.highlightedFeatures.keys());
-    }
-    /**
-     * 检查要素是否已高亮
-     */
-    isFeatureHighlighted(feature2) {
-      this.ensureHighlightedFeaturesMap();
-      if (!this.highlightedFeatures || typeof this.highlightedFeatures[Symbol.iterator] !== "function") {
-        console.warn("FeatureHighlightManager: highlightedFeatures lost iterator, reinitializing...");
-        this.highlightedFeatures = /* @__PURE__ */ new Map();
-        return null;
-      }
-      try {
-        const entries = Array.from(this.highlightedFeatures.entries());
-        for (const [id2, info] of entries) {
-          if (info && info.originalFeature === feature2) {
-            return id2;
-          }
-        }
-      } catch (error2) {
-        console.error("Error iterating highlightedFeatures:", error2);
-        this.highlightedFeatures = /* @__PURE__ */ new Map();
-        return null;
-      }
-      return null;
-    }
-    /**
-     * 更新高亮样式配置
-     */
-    updateStyleConfig(newConfig) {
-      var _a3;
-      this.styleConfig = { ...this.styleConfig, ...newConfig };
-      this.ensureHighlightedFeaturesMap();
-      (_a3 = this.highlightLayer.getSource()) == null ? void 0 : _a3.getFeatures().forEach((feature2) => {
-        feature2.changed();
-      });
-    }
-    /**
-     * 获取当前样式配置
-     */
-    getStyleConfig() {
-      return { ...this.styleConfig };
-    }
-    /**
-     * 销毁管理器
-     */
-    destroy() {
-      this.clearAllHighlights();
-      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: {},
@@ -468759,7 +468812,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,
@@ -468775,13 +468828,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: {},
@@ -468829,7 +468882,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,
@@ -468842,12 +468895,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)
               ])
             ];
           }),
@@ -468857,17 +468910,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,
@@ -468897,7 +468950,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: {},
@@ -469030,7 +469083,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,
@@ -469041,11 +469094,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}`,
@@ -469152,20 +469205,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"
   };
@@ -469229,7 +469282,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: {},
@@ -469375,7 +469428,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,
@@ -469386,10 +469439,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")),
@@ -469424,7 +469477,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),
@@ -469810,7 +469863,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,
@@ -469820,7 +469873,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,
@@ -469830,7 +469883,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,
@@ -469846,7 +469899,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,
@@ -469858,7 +469911,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,
@@ -469870,7 +469923,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,
@@ -469886,7 +469939,7 @@ ${this.attributes_.map(
                 }
               });
             } else {
-              app = vue.createApp(_sfc_main$q, {
+              app = vue.createApp(_sfc_main$r, {
                 id: popupId,
                 config: allConfig,
                 coordinate,
@@ -469909,7 +469962,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 }) }
                 );
@@ -470164,28 +470217,47 @@ ${this.attributes_.map(
       }
     }
     /**
-     * 查找匹配的图层配置
+     * 查找匹配的图层配置（支持递归查找子图层）
      */
     findMatchingLayer(layer2, allLayers) {
-      return allLayers.find((l2) => {
-        var _a3;
-        if (((_a3 = layer2.values_) == null ? void 0 : _a3.layerId) && l2.id === layer2.values_.layerId) {
-          return true;
-        }
-        if (layer2.layerId && l2.id === layer2.layerId) {
-          return true;
-        }
-        if (layer2.layerName && l2.name === layer2.layerName) {
-          return true;
+      for (const config of allLayers) {
+        if (this.isLayerMatch(layer2, config)) {
+          return config;
         }
-        if (layer2.get && layer2.get("id") === l2.id) {
-          return true;
+        if (config.children && config.children.length > 0) {
+          const match2 = this.findMatchingLayer(layer2, config.children);
+          if (match2)
+            return match2;
         }
-        if (layer2.get && layer2.get("name") === l2.name) {
-          return true;
+        if (config.layers && config.layers.length > 0) {
+          const match2 = this.findMatchingLayer(layer2, config.layers);
+          if (match2)
+            return match2;
         }
-        return false;
-      });
+      }
+      return void 0;
+    }
+    /**
+     * 检查图层实例是否匹配配置
+     */
+    isLayerMatch(layer2, config) {
+      var _a3;
+      if (((_a3 = layer2.values_) == null ? void 0 : _a3.layerId) && config.id === layer2.values_.layerId) {
+        return true;
+      }
+      if (layer2.layerId && config.id === layer2.layerId) {
+        return true;
+      }
+      if (layer2.layerName && config.name === layer2.layerName) {
+        return true;
+      }
+      if (layer2.get && layer2.get("id") === config.id) {
+        return true;
+      }
+      if (layer2.get && layer2.get("name") === config.name) {
+        return true;
+      }
+      return false;
     }
     /**
      * 初始化地图
@@ -470304,7 +470376,7 @@ ${this.attributes_.map(
       const initialCenter = this.config.center || [116.404, 39.915];
       const initialZoom = this.config.zoom || 10;
       this.mapOperationTool = new MapOperationTool(this.map, initialCenter, initialZoom);
-      this.geoJsonLocationTool = new GeoJSONLocationTool(this.map);
+      this.geoJsonLocationTool = new GeoJSONLocationTool(this.map, this.featureHighlightManager);
       const popupConfig = this.config.popupConfig || {};
       this.popupManager = new PopupManager(this.map, popupConfig);
       this.bindEventManagerEvents();
@@ -470910,13 +470982,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: {},
@@ -471099,8 +471171,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]
           ])
@@ -471109,8 +471181,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" },
@@ -471128,7 +471200,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);
       };
     }
@@ -471329,14 +471401,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" };
@@ -471348,7 +471420,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
     },
@@ -471839,12 +471911,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",
@@ -471852,7 +471924,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"])
                     ]),
@@ -471865,16 +471937,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) => {
@@ -471882,7 +471954,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)
@@ -471935,7 +472007,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"])
                   ]),
@@ -471948,7 +472020,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)
@@ -472010,13 +472082,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 }
@@ -472231,7 +472303,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: "底图选择",
@@ -472247,23 +472319,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))
               ])
             ])
@@ -472605,15 +472677,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 }
@@ -472845,7 +472917,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: "图上量算",
@@ -472855,8 +472927,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),
@@ -472924,10 +472996,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,
@@ -472958,13 +473030,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 }
@@ -473114,7 +473186,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: "坐标拾取",
@@ -473125,7 +473197,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
@@ -473147,10 +473219,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),
@@ -473174,7 +473246,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"
@@ -473216,14 +473288,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" };
@@ -473242,7 +473314,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 }
@@ -474327,7 +474399,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: "地区导航",
@@ -474338,7 +474410,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),
@@ -474356,10 +474428,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,
@@ -474375,7 +474447,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) => {
@@ -474532,12 +474604,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 }
@@ -474863,7 +474935,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: "我的标记",
@@ -474874,8 +474946,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),
@@ -474916,7 +474988,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),
@@ -474949,7 +475021,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",
@@ -474963,7 +475035,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"
@@ -475037,7 +475109,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: "添加标记",
@@ -475109,11 +475181,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" };
@@ -475135,7 +475207,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 }
@@ -475394,7 +475466,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: "视角书签",
@@ -475415,8 +475487,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),
@@ -475456,7 +475528,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),
@@ -475511,7 +475583,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,
@@ -475607,7 +475679,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, [
@@ -475670,7 +475742,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 ? "编辑书签" : "保存视角书签",
@@ -475825,11 +475897,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"
@@ -475914,7 +475986,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 },
@@ -476293,7 +476365,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: "地图打印",
@@ -476331,15 +476403,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",
@@ -476359,9 +476431,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),
@@ -476903,17 +476975,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");
@@ -477436,7 +477508,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),
@@ -477454,7 +477526,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,
@@ -477462,7 +477534,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,
@@ -477474,12 +477546,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, [
@@ -477499,19 +477571,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([
@@ -477532,9 +477604,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",
@@ -477557,9 +477629,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,
@@ -477582,16 +477654,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);
@@ -477653,9 +477725,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,
@@ -477667,13 +477739,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,
@@ -477729,9 +477801,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 },
@@ -477922,7 +477994,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(() => [
@@ -478099,7 +478171,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,
@@ -478110,28 +478182,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
@@ -478146,7 +478218,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"
@@ -478806,14 +478878,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" };
@@ -478842,7 +478914,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: () => ({
@@ -479087,7 +479159,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,
@@ -479143,7 +479215,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,
@@ -479155,9 +479227,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",
@@ -479193,7 +479265,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),
@@ -479268,7 +479340,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: {},
@@ -479815,12 +479887,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 };
@@ -479851,7 +479923,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" },
@@ -480061,9 +480133,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",
@@ -480072,8 +480144,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,
@@ -480089,7 +480161,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", {
@@ -481297,11 +481369,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" };
@@ -481318,7 +481390,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: {}
@@ -481338,10 +481410,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,
@@ -481351,9 +481423,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,
@@ -481489,14 +481561,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 = {
@@ -481508,7 +481580,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: {}
@@ -481539,11 +481611,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,
@@ -481553,7 +481625,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)),
@@ -481639,12 +481711,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: {},
@@ -481696,7 +481768,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",
@@ -481704,7 +481776,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])
               }, {
@@ -481713,7 +481785,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",
@@ -481724,7 +481796,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),
@@ -481734,7 +481806,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",
@@ -481763,7 +481835,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,
@@ -481779,15 +481851,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 }
@@ -482625,7 +482697,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({
@@ -482663,8 +482735,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,
@@ -482710,7 +482782,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,
@@ -482726,7 +482798,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,
@@ -482748,7 +482820,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,
@@ -482771,7 +482843,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),
@@ -482783,7 +482855,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,
@@ -482797,7 +482869,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),
@@ -482869,6 +482941,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"
@@ -484114,12 +484331,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,
@@ -484223,7 +484441,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,
@@ -484258,7 +484476,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)
@@ -484289,7 +484507,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,
@@ -484337,7 +484555,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,
@@ -501431,14 +501654,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) {
@@ -511630,7 +511853,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;
@@ -511664,7 +511887,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;