fix: 线图层的图片符号height统一10px。在vue-iclient中处理具体绘制

AI-GEN: 100% doubao-seed-2.1-pro

（reviewed by xjj）

Author: Yuki-Zhao

src/common/mapping/WebMapV3.js

@@ -165,6 +165,7 @@ const MAP_LAYER_TYPE_2_SYMBOL_TYPE = {
 };
 
 const LEGEND_LINE_WIDTH = 100;
+const LEGEND_LINE_IMAGE_HEIGHT = 10;
 const LINE_WIDTH_KEY = 'line-width';
 
 export const LEGEND_STYLE_TYPES = {
@@ -1434,7 +1435,9 @@ export function createWebMapV3Extending(SuperClass, { MapManager, mapRepo, crsMa
         const imageLineSymbol = symbolStyles[0];
         if (hasImageLine) {
           const imageId = this._getImageIdByLegendType(imageLineSymbol, legendRenderType);
-          const styleOptions = { ...cssStyle, ...nextCustomValue, height: cssStyle.width, width: LEGEND_LINE_WIDTH };
+          // 普通线图层的图片符号高度统一，动画线保持原来逻辑
+          const imageHeight = legendRenderType === LEGEND_RENDER_TYPE.LINE ? LEGEND_LINE_IMAGE_HEIGHT : cssStyle.width;
+          const styleOptions = { ...cssStyle, ...nextCustomValue, height: imageHeight, width: LEGEND_LINE_WIDTH };
           if (legendRenderType === LEGEND_RENDER_TYPE.ANIMATELINE && nextCustomValue.textureBlend === 'replace') {
             styleOptions.backgroundColor = 'transparent';
           }

test/common/mapping/WebMapV3Spec.js

@@ -2396,19 +2396,39 @@ describe('WebMapV3 - _parseLegendtyle types', () => {
     expect(result.lineStyles[0].color).toBe('red');
   });
 
-  it('LINE with image symbol should return sprite image style', () => {
+  it('LINE with image symbol should return sprite image style with unified height', () => {
     const { instance } = createTestContext();
     instance._sprite = 'http://localhost:8190/iportal/web/maps/1/sprites/sprite';
     instance._spriteDatas = { 'line-tex': { width: 8, height: 4 } };
     const result = instance._parseLegendtyle({
       legendRenderType: 'LINE',
       customValue: {
+        width: 6,
         symbolsContent: { style: [{ paint: { 'line-pattern': 'line-tex' } }] }
       }
     });
     expect(result.type).toBe('image');
     expect(result.sprite).toEqual({ width: 8, height: 4 });
     expect(result.url).toBe('http://localhost:8190/iportal/web/maps/1/sprites/sprite.png');
+    // 普通线图层图片符号高度统一为 10、宽度 100，不使用线宽或图片尺寸
+    expect(result.height).toBe(10);
+    expect(result.width).toBe(100);
+  });
+
+  it('ANIMATELINE with image symbol should keep original height logic', () => {
+    const { instance } = createTestContext();
+    instance._sprite = 'http://localhost:8190/iportal/web/maps/1/sprites/sprite';
+    instance._spriteDatas = { 'anim-tex': { width: 8, height: 8 } };
+    const result = instance._parseLegendtyle({
+      legendRenderType: 'ANIMATELINE',
+      customValue: {
+        symbolsContent: { style: [{ layout: { 'icon-image': 'anim-tex' } }] }
+      }
+    });
+    expect(result.type).toBe('image');
+    expect(result.width).toBe(100);
+    // 动画线图片符号高度保持 cssStyle.width 的原逻辑，不使用统一高度
+    expect(result.height).toBe(20);
   });
 
   it('ANIMATELINE replacing color should return transparent background image', () => {
@@ -2424,6 +2444,7 @@ describe('WebMapV3 - _parseLegendtyle types', () => {
     });
     expect(result.type).toBe('image');
     expect(result.backgroundColor).toBe('transparent');
+    expect(result.height).toBe(20);
   });
 
   it('FILL simple solid color should be vector style without url', () => {