vue-openlayers-plugin 1.0.74 → 1.0.77

package/lib/{index-e0d64ecc.mjs → index-90630e7e.mjs}

@@ -81121,12 +81121,308 @@ class MapOperationTool {
     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 [id, info] of entries) {
+        if (info && info.originalFeature === feature2) {
+          return id;
+        }
+      }
+    } 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 数据
@@ -81198,6 +81494,18 @@ class GeoJSONLocationTool {
         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;
@@ -81246,6 +81554,16 @@ class GeoJSONLocationTool {
         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;
@@ -82876,7 +83194,8 @@ class StyleFactory {
       rotation: config.rotation,
       backgroundFill: this.createFill(config.backgroundFill),
       backgroundStroke: this.createStroke(config.backgroundStroke),
-      padding: config.padding
+      padding: config.padding,
+      overflow: config.overflow
     });
     return textStyle;
   }
@@ -83184,8 +83503,12 @@ const _StyleManager = class _StyleManager {
       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;
@@ -83338,6 +83661,20 @@ class GeoJSONLayerHandler extends BaseLayer$2 {
    * 创建样式函数
    */
   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);
   }
@@ -85627,6 +85964,9 @@ class ImageVectorLayerHandler extends BaseLayer$2 {
    * 创建样式函数
    */
   createStyleFunction() {
+    if (this.config.styleFunction) {
+      return this.config.styleFunction;
+    }
     this.parseStyleConfig();
     return styleManager.createStyleFunction(this.styleConfig);
   }
@@ -465983,6 +466323,9 @@ class VectorTileLayerHandler extends BaseLayer$2 {
    * 创建样式函数
    */
   createStyleFunction() {
+    if (this.config.styleFunction) {
+      return this.config.styleFunction;
+    }
     if (this.styleConfig) {
       return styleManager.createStyleFunction(this.styleConfig);
     }
@@ -467470,63 +467813,58 @@ class LayerManager {
    * 根据坐标获取图层要素信息（用于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((id) => ({
+        id,
+        config: this.layerConfigs.get(id),
+        handler: this.layerHandlers.get(id)
+      })).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,
@@ -467539,16 +467877,19 @@ class LayerManager {
                     }
                     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);
         }
@@ -467574,296 +467915,6 @@ class LayerManager {
     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 [id, info] of entries) {
-        if (info && info.originalFeature === feature2) {
-          return id;
-        }
-      }
-    } 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__ */ defineComponent({
   __name: "BasePopup",
@@ -469384,28 +469435,47 @@ class MapManager {
     }
   }
   /**
-   * 查找匹配的图层配置
+   * 查找匹配的图层配置（支持递归查找子图层）
    */
   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;
   }
   /**
    * 初始化地图
@@ -469524,7 +469594,7 @@ class MapManager {
     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();
@@ -491968,7 +492038,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-4f33fe12.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-79bf29b7.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;