gis-map-universal 1.1.2 → 1.1.3

package/gismap.umd.js

@@ -266740,7 +266740,8 @@ var CityAreaLayer_component = normalizeComponent(
           stroke: new Stroke["default"]({
             color: lineItem.color,
             width: lineItem.width,
-            lineDash: lineItem.lineDash ? [10, 10] : undefined
+            lineDash: lineItem.lineDash ? [10, 10] : undefined,
+            lineCap: lineItem.lineCap || "butt"
           })
         }));
         lineFeature.set("popoup", lineItem.popoup);
@@ -266769,7 +266770,7 @@ var CityAreaLayer_component = normalizeComponent(
       });
       this.map.addLayer(this.lineLayer);
     },
-    // 高亮指定的线
+    // 高亮指定的线（支持单条线或多条线）
     highlightLine(layerId, lineData, highlightColor = "#54f6ffff", highlightWidth = null) {
       // 首先清除之前的高亮
       this.clearLineHighlight(layerId);
@@ -266780,27 +266781,125 @@ var CityAreaLayer_component = normalizeComponent(
       // 查找对应的线要素
       const source = lineLayer.getSource();
       const features = source.getFeatures();
-      features.forEach(feature => {
-        const lineItemData = feature.get("lineItemData");
-        // 根据线数据的唯一标识或坐标匹配
-        if (this.isLineDataMatch(lineItemData, lineData)) {
-          // 应用高亮样式
-          const lineWidth = highlightWidth || lineItemData.originalWidth + 3;
-          feature.setStyle(new Style["default"]({
-            stroke: new Stroke["default"]({
-              color: highlightColor,
-              // 使用自定义高亮颜色
-              width: lineWidth,
-              // 使用自定义或默认高亮线宽
-              lineDash: lineItemData.lineDash ? [10, 10] : undefined
-            })
-          }));
-          // 保存高亮状态
-          feature.set("isHighlighted", true);
-          // 保存当前高亮样式信息
-          feature.set("highlightColor", highlightColor);
-          feature.set("highlightWidth", lineWidth);
-        }
+
+      // 将线数据转换为数组格式，以便统一处理
+      const lineDataArray = Array.isArray(lineData) ? lineData : [lineData];
+
+      // 遍历所有线数据
+      lineDataArray.forEach(currentLineData => {
+        // 遍历所有线要素
+        features.forEach(feature => {
+          const lineItemData = feature.get("lineItemData");
+          // 根据线数据的唯一标识或坐标匹配
+          if (this.isLineDataMatch(lineItemData, currentLineData)) {
+            // 获取当前要素的样式
+            let currentStyle = feature.getStyle();
+
+            // 如果没有样式，使用默认样式（保持现有行为）
+            if (!currentStyle) {
+              // 应用默认高亮样式
+              const lineWidth = highlightWidth || lineItemData.originalWidth + 3;
+              feature.setStyle(new Style["default"]({
+                stroke: new Stroke["default"]({
+                  color: highlightColor,
+                  // 使用自定义高亮颜色
+                  width: lineWidth,
+                  // 使用自定义或默认高亮线宽
+                  lineDash: lineItemData.lineDash ? [10, 10] : undefined
+                })
+              }));
+            } else {
+              // 复制当前样式并只修改线宽
+              let newStyle;
+
+              // 处理多样式情况
+              if (Array.isArray(currentStyle)) {
+                // 找到包含stroke的样式
+                const strokeStyleIndex = currentStyle.findIndex(style => style.getStroke() !== null);
+                if (strokeStyleIndex !== -1) {
+                  // 复制样式数组
+                  newStyle = [...currentStyle];
+                  // 复制当前的stroke样式
+                  const currentStroke = currentStyle[strokeStyleIndex].getStroke();
+                  // 计算新的线宽
+                  const lineWidth = highlightWidth || lineItemData.originalWidth + 3;
+
+                  // 创建新的stroke对象，保持原有颜色和其他属性，只修改宽度
+                  newStyle[strokeStyleIndex] = new Style["default"]({
+                    stroke: new Stroke["default"]({
+                      color: currentStroke.getColor(),
+                      // 保持原有颜色
+                      width: lineWidth,
+                      // 只修改线宽
+                      lineDash: currentStroke.getLineDash(),
+                      // 保持原有虚线样式
+                      lineCap: currentStroke.getLineCap(),
+                      // 保持原有线帽
+                      lineJoin: currentStroke.getLineJoin(),
+                      // 保持原有线连接
+                      miterLimit: currentStroke.getMiterLimit() // 保持原有斜接限制
+                    })
+                  });
+                } else {
+                  // 如果没有找到stroke样式，使用默认行为
+                  const lineWidth = highlightWidth || lineItemData.originalWidth + 3;
+                  feature.setStyle(new Style["default"]({
+                    stroke: new Stroke["default"]({
+                      color: highlightColor,
+                      width: lineWidth,
+                      lineDash: lineItemData.lineDash ? [10, 10] : undefined
+                    })
+                  }));
+                }
+              } else {
+                // 单样式情况
+                const currentStroke = currentStyle.getStroke();
+                if (currentStroke) {
+                  // 计算新的线宽
+                  const lineWidth = highlightWidth || lineItemData.originalWidth + 3;
+
+                  // 创建新的样式，保持原有颜色和其他属性，只修改宽度
+                  newStyle = new Style["default"]({
+                    stroke: new Stroke["default"]({
+                      color: currentStroke.getColor(),
+                      // 保持原有颜色
+                      width: lineWidth,
+                      // 只修改线宽
+                      lineDash: currentStroke.getLineDash(),
+                      // 保持原有虚线样式
+                      lineCap: currentStroke.getLineCap(),
+                      // 保持原有线帽
+                      lineJoin: currentStroke.getLineJoin(),
+                      // 保持原有线连接
+                      miterLimit: currentStroke.getMiterLimit() // 保持原有斜接限制
+                    })
+                  });
+                } else {
+                  // 如果没有stroke样式，使用默认行为
+                  const lineWidth = highlightWidth || lineItemData.originalWidth + 3;
+                  feature.setStyle(new Style["default"]({
+                    stroke: new Stroke["default"]({
+                      color: highlightColor,
+                      width: lineWidth,
+                      lineDash: lineItemData.lineDash ? [10, 10] : undefined
+                    })
+                  }));
+                }
+              }
+
+              // 应用新样式
+              if (newStyle) {
+                feature.setStyle(newStyle);
+              }
+            }
+
+            // 保存高亮状态
+            feature.set("isHighlighted", true);
+            // 保存当前高亮样式信息
+            feature.set("highlightColor", highlightColor);
+            feature.set("highlightWidth", highlightWidth || lineItemData.originalWidth + 3);
+          }
+        });
       });
     },
     // 清除线图层的所有高亮

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gis-map-universal",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "GIS通用组件",
   "main": "gismap.umd.js",
   "private": false,