vue-openlayers-plugin 1.0.74 → 1.0.77

package/lib/index.umd.js

@@ -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);
       }
@@ -468246,63 +468589,58 @@ ${this.attributes_.map(
      * 根据坐标获取图层要素信息（用于tooltip）
      */
     async getFeatureInfoAtCoordinate(coordinate, options) {
+      var _a3;
       try {
         const results = [];
-        const targetLayers = (options == null ? void 0 : options.layers) || Array.from(this.layerHandlers.keys());
-        for (const layerId of targetLayers) {
-          const handler = this.layerHandlers.get(layerId);
-          const config = this.layerConfigs.get(layerId);
-          if (!handler || !config || !config.visible) {
+        const allLayerIds = (options == null ? void 0 : options.layers) || Array.from(this.layerHandlers.keys());
+        const sortedLayers = allLayerIds.map((id2) => ({
+          id: id2,
+          config: this.layerConfigs.get(id2),
+          handler: this.layerHandlers.get(id2)
+        })).filter((item) => {
+          if (!item.config || !item.handler || item.config.visible === false)
+            return false;
+          if (!item.config.popup)
+            return false;
+          return true;
+        }).sort((a3, b10) => {
+          return (b10.config.zIndex || 0) - (a3.config.zIndex || 0);
+        });
+        for (const item of sortedLayers) {
+          const { id: layerId, config, handler } = item;
+          if (!config || !handler)
             continue;
-          }
-          debugger;
           try {
+            let features2 = [];
             if (config.type === "TileSuperMapRest" || config.type === "tilesupermaprest" || config.type === "TILESUPERMAPREST") {
               if ("getFeatureInfoAtCoordinate" in handler) {
-                const features2 = await handler.getFeatureInfoAtCoordinate(
+                features2 = await handler.getFeatureInfoAtCoordinate(
                   coordinate,
                   {
-                    bufferDistance: 80,
-                    // 默认5米缓冲区
+                    bufferDistance: ((_a3 = config.supermapConfig) == null ? void 0 : _a3.bufferDistance) || 0,
                     maxFeatures: (options == null ? void 0 : options.featureCount) || 10,
                     returnContent: true
                   }
                 );
-                if (features2 && features2.length > 0) {
-                  results.push({
-                    layerId,
-                    layerName: config.name,
-                    layerType: config.type,
-                    features: features2
-                  });
-                }
               }
             } else if (config.type === "wms" || config.type === "WMS") {
               if ("getFeatureInfoAtCoordinate" in handler) {
-                const features2 = await handler.getFeatureInfoAtCoordinate(
+                features2 = await handler.getFeatureInfoAtCoordinate(
                   coordinate,
                   {
                     infoFormat: (options == null ? void 0 : options.infoFormat) || "application/json",
                     featureCount: (options == null ? void 0 : options.featureCount) || 10
                   }
                 );
-                if (features2 && features2.length > 0) {
-                  results.push({
-                    layerId,
-                    layerName: config.name,
-                    layerType: config.type,
-                    features: features2
-                  });
-                }
               }
             } else if (config.type === "vector" || config.type === "geojson") {
               const layer2 = handler.getLayer();
               if (layer2 && "getSource" in layer2) {
                 const source = layer2.getSource();
                 if (source && "getFeaturesAtCoordinate" in source) {
-                  const features2 = source.getFeaturesAtCoordinate(coordinate);
-                  if (features2 && features2.length > 0) {
-                    const processedFeatures = features2.slice(0, (options == null ? void 0 : options.featureCount) || 10).map((feature2) => {
+                  const sourceFeatures = source.getFeaturesAtCoordinate(coordinate);
+                  if (sourceFeatures && sourceFeatures.length > 0) {
+                    features2 = sourceFeatures.slice(0, (options == null ? void 0 : options.featureCount) || 10).map((feature2) => {
                       const properties = feature2.getProperties ? feature2.getProperties() : {};
                       const enhancedProperties = {
                         ...properties,
@@ -468315,16 +468653,19 @@ ${this.attributes_.map(
                       }
                       return feature2;
                     });
-                    results.push({
-                      layerId,
-                      layerName: config.name,
-                      layerType: config.type,
-                      features: processedFeatures
-                    });
                   }
                 }
               }
             }
+            if (features2 && features2.length > 0) {
+              results.push({
+                layerId,
+                layerName: config.name,
+                layerType: config.type,
+                features: features2
+              });
+              break;
+            }
           } catch (error2) {
             console.warn(`图层 ${layerId} 要素查询失败:`, error2);
           }
@@ -468350,296 +468691,6 @@ ${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$q = ["id"];
   const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     __name: "BasePopup",
@@ -470164,28 +470215,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 +470374,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();