@antv/l7-layers 2.9.23 → 2.9.24

package/es/point/models/fillmage.js

@@ -22,7 +22,7 @@ import { PointFillTriangulation } from "../../core/triangulation"; // static poi
 var pointFillFrag = "uniform sampler2D u_texture;\nuniform vec2 u_textSize;\n\nvarying mat4 styleMappingMat; // \u4F20\u9012\u4ECE\u7247\u5143\u4E2D\u4F20\u9012\u7684\u6620\u5C04\u6570\u636E\n\n#pragma include \"sdf_2d\"\n#pragma include \"picking\"\nvarying vec2 v_uv; // \u672C\u8EAB\u7684 uv \u5750\u6807\nvarying vec2 v_Iconuv;\n\nvoid main() {\n\n  float opacity = styleMappingMat[0][0];\n\n  vec2 pos = v_Iconuv / u_textSize + v_uv / u_textSize * 64.;\n  gl_FragColor = texture2D(u_texture, pos);\n  gl_FragColor.a *= opacity;\n\n  gl_FragColor = filterColor(gl_FragColor);\n}\n";
 
 /* babel-plugin-inline-import '../shaders/image/fillImage_vert.glsl' */
-var pointFillVert = "attribute vec4 a_Color;\nattribute vec3 a_Position;\nattribute vec3 a_Extrude;\nattribute float a_Size;\nattribute vec2 a_Uv;\nattribute float a_Rotate;\n\nvarying mat4 styleMappingMat; // \u7528\u4E8E\u5C06\u5728\u9876\u70B9\u7740\u8272\u5668\u4E2D\u8BA1\u7B97\u597D\u7684\u6837\u5F0F\u503C\u4F20\u9012\u7ED9\u7247\u5143\n\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform mat2 u_RotateMatrix;\nuniform float u_isMeter;\n\nvarying vec2 v_uv; // \u672C\u8EAB\u7684 uv \u5750\u6807\nvarying vec2 v_Iconuv; // icon \u8D34\u56FE\u7684 uv \u5750\u6807\n\nuniform float u_opacity : 1;\nuniform vec2 u_offsets;\n\n#pragma include \"styleMapping\"\n#pragma include \"styleMappingCalOpacity\"\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvoid main() {\n  vec3 extrude = a_Extrude;\n\n  v_uv = (a_Extrude.xy + 1.0)/2.0;\n  v_uv.y = 1.0 - v_uv.y;\n  v_Iconuv = a_Uv;\n\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n  styleMappingMat = mat4(\n    0.0, 0.0, 0.0, 0.0, // opacity - empty - empty - empty\n    0.0, 0.0, 0.0, 0.0, // empty - empty - empty - empty\n    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]\n    0.0, 0.0, 0.0, 0.0\n  );\n\n  float rowCount = u_cellTypeLayout[0][0];    // \u5F53\u524D\u7684\u6570\u636E\u7EB9\u7406\u6709\u51E0\u884C\n  float columnCount = u_cellTypeLayout[0][1]; // \u5F53\u770B\u5230\u6570\u636E\u7EB9\u7406\u6709\u51E0\u5217\n  float columnWidth = 1.0/columnCount;  // \u5217\u5BBD\n  float rowHeight = 1.0/rowCount;       // \u884C\u9AD8\n  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets\n  float id = a_vertexId; // \u7B2Cn\u4E2A\u9876\u70B9\n  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u884C\n  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u5217\n  \n  // cell \u56FA\u5B9A\u987A\u5E8F opacity -> strokeOpacity -> strokeWidth -> stroke ... \n  // \u6309\u987A\u5E8F\u4ECE cell \u4E2D\u53D6\u503C\u3001\u82E5\u6CA1\u6709\u5219\u81EA\u52A8\u5F80\u4E0B\u53D6\u503C\n  float textureOffset = 0.0; // \u5728 cell \u4E2D\u53D6\u503C\u7684\u504F\u79FB\u91CF\n\n  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);\n  styleMappingMat[0][0] = opacityAndOffset.r;\n  textureOffset = opacityAndOffset.g;\n\n  vec2 textrueOffsets = vec2(0.0, 0.0);\n  if(hasOffsets()) {\n    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n\n    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n  } else {\n    textrueOffsets = u_offsets;\n  }\n\n  // cal style mapping\n\n  highp float angle_sin = sin(a_Rotate);\n  highp float angle_cos = cos(a_Rotate);\n  mat2 rotation_matrix = mat2(angle_cos, -1.0 * angle_sin, angle_sin, angle_cos);\n\n  // vec2 offset = (u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);\n  vec2 offset = (rotation_matrix * u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);\n  vec3 aPosition = a_Position;\n  if(u_isMeter < 1.0) {\n    // \u4E0D\u4EE5\u7C73\u4E3A\u5B9E\u9645\u5355\u4F4D\n    offset = project_pixel(offset);\n  } else {\n    // \u4EE5\u7C73\u4E3A\u5B9E\u9645\u5355\u4F4D\n\n    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {\n      aPosition.xy += offset;\n      offset.x = 0.0;\n      offset.y = 0.0;\n    }\n  }\n\n\n  // vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0));\n  vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));\n  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * vec4(project_pos.xy + offset, 0.0, 1.0);\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));\n  }\n \n  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));\n\n  setPickingColor(a_PickingColor);\n}\n";
+var pointFillVert = "attribute vec4 a_Color;\nattribute vec3 a_Position;\nattribute vec3 a_Extrude;\nattribute float a_Size;\nattribute vec2 a_Uv;\nattribute float a_Rotate;\n\nvarying mat4 styleMappingMat; // \u7528\u4E8E\u5C06\u5728\u9876\u70B9\u7740\u8272\u5668\u4E2D\u8BA1\u7B97\u597D\u7684\u6837\u5F0F\u503C\u4F20\u9012\u7ED9\u7247\u5143\n\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform mat2 u_RotateMatrix;\nuniform float u_isMeter;\n\nvarying vec2 v_uv; // \u672C\u8EAB\u7684 uv \u5750\u6807\nvarying vec2 v_Iconuv; // icon \u8D34\u56FE\u7684 uv \u5750\u6807\n\nuniform float u_raisingHeight: 0.0;\nuniform float u_heightfixed: 0.0;\nuniform float u_opacity : 1;\nuniform vec2 u_offsets;\n\n#pragma include \"styleMapping\"\n#pragma include \"styleMappingCalOpacity\"\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvoid main() {\n  vec3 extrude = a_Extrude;\n\n  v_uv = (a_Extrude.xy + 1.0)/2.0;\n  v_uv.y = 1.0 - v_uv.y;\n  v_Iconuv = a_Uv;\n\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n  styleMappingMat = mat4(\n    0.0, 0.0, 0.0, 0.0, // opacity - empty - empty - empty\n    0.0, 0.0, 0.0, 0.0, // empty - empty - empty - empty\n    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]\n    0.0, 0.0, 0.0, 0.0\n  );\n\n  float rowCount = u_cellTypeLayout[0][0];    // \u5F53\u524D\u7684\u6570\u636E\u7EB9\u7406\u6709\u51E0\u884C\n  float columnCount = u_cellTypeLayout[0][1]; // \u5F53\u770B\u5230\u6570\u636E\u7EB9\u7406\u6709\u51E0\u5217\n  float columnWidth = 1.0/columnCount;  // \u5217\u5BBD\n  float rowHeight = 1.0/rowCount;       // \u884C\u9AD8\n  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets\n  float id = a_vertexId; // \u7B2Cn\u4E2A\u9876\u70B9\n  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u884C\n  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u5217\n  \n  // cell \u56FA\u5B9A\u987A\u5E8F opacity -> strokeOpacity -> strokeWidth -> stroke ... \n  // \u6309\u987A\u5E8F\u4ECE cell \u4E2D\u53D6\u503C\u3001\u82E5\u6CA1\u6709\u5219\u81EA\u52A8\u5F80\u4E0B\u53D6\u503C\n  float textureOffset = 0.0; // \u5728 cell \u4E2D\u53D6\u503C\u7684\u504F\u79FB\u91CF\n\n  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);\n  styleMappingMat[0][0] = opacityAndOffset.r;\n  textureOffset = opacityAndOffset.g;\n\n  vec2 textrueOffsets = vec2(0.0, 0.0);\n  if(hasOffsets()) {\n    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n\n    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n  } else {\n    textrueOffsets = u_offsets;\n  }\n\n  // cal style mapping\n\n  highp float angle_sin = sin(a_Rotate);\n  highp float angle_cos = cos(a_Rotate);\n  mat2 rotation_matrix = mat2(angle_cos, -1.0 * angle_sin, angle_sin, angle_cos);\n\n  // vec2 offset = (u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);\n  vec2 offset = (rotation_matrix * u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);\n  vec3 aPosition = a_Position;\n  if(u_isMeter < 1.0) {\n    // \u4E0D\u4EE5\u7C73\u4E3A\u5B9E\u9645\u5355\u4F4D\n    offset = project_pixel(offset);\n  } else {\n    // \u4EE5\u7C73\u4E3A\u5B9E\u9645\u5355\u4F4D\n\n    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {\n      aPosition.xy += offset;\n      offset.x = 0.0;\n      offset.y = 0.0;\n    }\n  }\n\n  vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));\n  float raisingHeight = u_raisingHeight;\n  if(u_heightfixed < 1.0) { // height fixed\n    raisingHeight = project_pixel(u_raisingHeight);\n  } else {\n    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {\n      float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);\n      raisingHeight = u_raisingHeight * mapboxZoomScale;\n    }\n  }\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raisingHeight, 1.0);\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, raisingHeight, 1.0));\n  }\n \n  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));\n\n  setPickingColor(a_PickingColor);\n}\n";
 
 var FillImageModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(FillImageModel, _BaseModel);
@@ -87,7 +87,11 @@ var FillImageModel = /*#__PURE__*/function (_BaseModel) {
           opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
           _ref$offsets = _ref.offsets,
           offsets = _ref$offsets === void 0 ? [0, 0] : _ref$offsets,
-          rotation = _ref.rotation;
+          rotation = _ref.rotation,
+          _ref$raisingHeight = _ref.raisingHeight,
+          raisingHeight = _ref$raisingHeight === void 0 ? 0.0 : _ref$raisingHeight,
+          _ref$heightfixed = _ref.heightfixed,
+          heightfixed = _ref$heightfixed === void 0 ? false : _ref$heightfixed;
 
       if (this.rendererService.getDirty()) {
         this.texture.bind();
@@ -146,6 +150,8 @@ var FillImageModel = /*#__PURE__*/function (_BaseModel) {
       }
 
       return {
+        u_raisingHeight: Number(raisingHeight),
+        u_heightfixed: Number(heightfixed),
         u_isMeter: Number(this.isMeter),
         u_RotateMatrix: new Float32Array([Math.cos(this.radian), Math.sin(this.radian), -Math.sin(this.radian), Math.cos(this.radian)]),
         u_dataTexture: this.dataTexture,
@@ -217,7 +223,7 @@ var FillImageModel = /*#__PURE__*/function (_BaseModel) {
       var m2 = this.mapService.meterToCoord(center, [maxLng === minLng ? maxLng + 0.1 : maxLng, maxLat === minLat ? minLat + 0.1 : maxLat]);
       this.meter2coord = (m1 + m2) / 2;
 
-      if (!Boolean(this.meter2coord)) {
+      if (!this.meter2coord) {
         // Tip: 兼容单个数据导致的 m1、m2 为 NaN
         this.meter2coord = 7.70681090738883;
       }

package/es/point/models/image.js

@@ -20,7 +20,7 @@ import { PointImageTriangulation } from "../../core/triangulation";
 var pointImageFrag = "\nuniform sampler2D u_texture;\nvarying vec4 v_color;\nvarying vec2 v_uv;\nuniform vec2 u_textSize;\nuniform float u_opacity : 1;\n\nvarying mat4 styleMappingMat; // \u4F20\u9012\u4ECE\u7247\u5143\u4E2D\u4F20\u9012\u7684\u6620\u5C04\u6570\u636E\n\n#pragma include \"picking\"\n\nvoid main(){\n      float opacity = styleMappingMat[0][0];\n      float size = styleMappingMat[1][0];\n      vec2 pos = v_uv / u_textSize + gl_PointCoord / u_textSize * 64.;\n      vec4 textureColor;\n\n      // Y = 0.299R + 0.587G + 0.114B // \u4EAE\u5EA6\u63D0\u53D6\n     \n      textureColor = texture2D(u_texture, pos);\n\n      // Tip: \u53BB\u9664\u8FB9\u7F18\u90E8\u5206 mipmap \u5BFC\u81F4\u7684\u6DF7\u5408\u53D8\u6697\n      float fragmengTocenter = distance(vec2(0.5), gl_PointCoord);\n      if(fragmengTocenter >= 0.5) {\n            float luma = 0.299 * textureColor.r + 0.587 * textureColor.g + 0.114 * textureColor.b;\n            textureColor.a *= luma;\n      }\n      \n      \n\n      if(all(lessThan(v_color, vec4(1.0+0.00001))) && all(greaterThan(v_color, vec4(1.0-0.00001))) || v_color==vec4(1.0)){\n            gl_FragColor= textureColor;\n      }else {\n            gl_FragColor= step(0.01, textureColor.z) * v_color;\n      }\n\n      gl_FragColor.a = gl_FragColor.a * opacity;\n      gl_FragColor = filterColor(gl_FragColor);\n}\n";
 
 /* babel-plugin-inline-import '../shaders/image_vert.glsl' */
-var pointImageVert = "precision highp float;\nattribute vec3 a_Position;\nattribute vec4 a_Color;\nattribute vec2 a_Uv;\nattribute float a_Size;\nvarying vec4 v_color;\nvarying vec2 v_uv;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform vec2 u_offsets;\n\nuniform float u_opacity : 1;\n\nvarying mat4 styleMappingMat; // \u7528\u4E8E\u5C06\u5728\u9876\u70B9\u7740\u8272\u5668\u4E2D\u8BA1\u7B97\u597D\u7684\u6837\u5F0F\u503C\u4F20\u9012\u7ED9\u7247\u5143\n\n#pragma include \"styleMapping\"\n#pragma include \"styleMappingCalOpacity\"\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvoid main() {\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n  styleMappingMat = mat4(\n    0.0, 0.0, 0.0, 0.0, // opacity - strokeOpacity - strokeWidth - empty\n    0.0, 0.0, 0.0, 0.0, // strokeR - strokeG - strokeB - strokeA\n    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]\n    0.0, 0.0, 0.0, 0.0\n  );\n\n  float rowCount = u_cellTypeLayout[0][0];    // \u5F53\u524D\u7684\u6570\u636E\u7EB9\u7406\u6709\u51E0\u884C\n  float columnCount = u_cellTypeLayout[0][1]; // \u5F53\u770B\u5230\u6570\u636E\u7EB9\u7406\u6709\u51E0\u5217\n  float columnWidth = 1.0/columnCount;  // \u5217\u5BBD\n  float rowHeight = 1.0/rowCount;       // \u884C\u9AD8\n  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets\n  float id = a_vertexId; // \u7B2Cn\u4E2A\u9876\u70B9\n  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u884C\n  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u5217\n  \n  // cell \u56FA\u5B9A\u987A\u5E8F opacity -> strokeOpacity -> strokeWidth -> stroke ... \n  // \u6309\u987A\u5E8F\u4ECE cell \u4E2D\u53D6\u503C\u3001\u82E5\u6CA1\u6709\u5219\u81EA\u52A8\u5F80\u4E0B\u53D6\u503C\n  float textureOffset = 0.0; // \u5728 cell \u4E2D\u53D6\u503C\u7684\u504F\u79FB\u91CF\n\n  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);\n  styleMappingMat[0][0] = opacityAndOffset.r;\n  textureOffset = opacityAndOffset.g;\n\n  styleMappingMat[1][0] = a_Size;\n\n  vec2 textrueOffsets = vec2(0.0, 0.0);\n  if(hasOffsets()) {\n    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n\n    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n  } else {\n    textrueOffsets = u_offsets;\n  }\n\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n   v_color = a_Color;\n   v_uv = a_Uv;\n   vec4 project_pos = project_position(vec4(a_Position, 1.0));\n   \n  //  vec2 offset = project_pixel(u_offsets);\n  vec2 offset = project_pixel(textrueOffsets);\n\n  //  gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0);\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));\n  }\n  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;\n\n  setPickingColor(a_PickingColor);\n}\n";
+var pointImageVert = "precision highp float;\nattribute vec3 a_Position;\nattribute vec4 a_Color;\nattribute vec2 a_Uv;\nattribute float a_Size;\nvarying vec4 v_color;\nvarying vec2 v_uv;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform vec2 u_offsets;\n\nuniform float u_opacity : 1;\nuniform float u_raisingHeight: 0.0;\nuniform float u_heightfixed: 0.0;\n\nvarying mat4 styleMappingMat; // \u7528\u4E8E\u5C06\u5728\u9876\u70B9\u7740\u8272\u5668\u4E2D\u8BA1\u7B97\u597D\u7684\u6837\u5F0F\u503C\u4F20\u9012\u7ED9\u7247\u5143\n\n#pragma include \"styleMapping\"\n#pragma include \"styleMappingCalOpacity\"\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvoid main() {\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n  styleMappingMat = mat4(\n    0.0, 0.0, 0.0, 0.0, // opacity - strokeOpacity - strokeWidth - empty\n    0.0, 0.0, 0.0, 0.0, // strokeR - strokeG - strokeB - strokeA\n    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]\n    0.0, 0.0, 0.0, 0.0\n  );\n\n  float rowCount = u_cellTypeLayout[0][0];    // \u5F53\u524D\u7684\u6570\u636E\u7EB9\u7406\u6709\u51E0\u884C\n  float columnCount = u_cellTypeLayout[0][1]; // \u5F53\u770B\u5230\u6570\u636E\u7EB9\u7406\u6709\u51E0\u5217\n  float columnWidth = 1.0/columnCount;  // \u5217\u5BBD\n  float rowHeight = 1.0/rowCount;       // \u884C\u9AD8\n  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets\n  float id = a_vertexId; // \u7B2Cn\u4E2A\u9876\u70B9\n  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u884C\n  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // \u8D77\u59CB\u70B9\u5728\u7B2C\u51E0\u5217\n  \n  // cell \u56FA\u5B9A\u987A\u5E8F opacity -> strokeOpacity -> strokeWidth -> stroke ... \n  // \u6309\u987A\u5E8F\u4ECE cell \u4E2D\u53D6\u503C\u3001\u82E5\u6CA1\u6709\u5219\u81EA\u52A8\u5F80\u4E0B\u53D6\u503C\n  float textureOffset = 0.0; // \u5728 cell \u4E2D\u53D6\u503C\u7684\u504F\u79FB\u91CF\n\n  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);\n  styleMappingMat[0][0] = opacityAndOffset.r;\n  textureOffset = opacityAndOffset.g;\n\n  styleMappingMat[1][0] = a_Size;\n\n  vec2 textrueOffsets = vec2(0.0, 0.0);\n  if(hasOffsets()) {\n    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n\n    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);\n    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x\n    textureOffset += 1.0;\n  } else {\n    textrueOffsets = u_offsets;\n  }\n\n  // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n  v_color = a_Color;\n  v_uv = a_Uv;\n  vec4 project_pos = project_position(vec4(a_Position, 1.0));\n   \n  vec2 offset = project_pixel(textrueOffsets);\n\n  float raisingHeight = u_raisingHeight;\n  if(u_heightfixed < 1.0) { // false\n    raisingHeight = project_pixel(u_raisingHeight);\n  } else {\n     if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {\n      float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);\n      raisingHeight = u_raisingHeight * mapboxZoomScale;\n    }\n  }\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raisingHeight, 1.0);\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, raisingHeight, 1.0));\n  }\n\n  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;\n  setPickingColor(a_PickingColor);\n}\n";
 
 var ImageModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(ImageModel, _BaseModel);
@@ -76,7 +76,11 @@ var ImageModel = /*#__PURE__*/function (_BaseModel) {
           _ref$opacity = _ref.opacity,
           opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
           _ref$offsets = _ref.offsets,
-          offsets = _ref$offsets === void 0 ? [0, 0] : _ref$offsets;
+          offsets = _ref$offsets === void 0 ? [0, 0] : _ref$offsets,
+          _ref$raisingHeight = _ref.raisingHeight,
+          raisingHeight = _ref$raisingHeight === void 0 ? 0 : _ref$raisingHeight,
+          _ref$heightfixed = _ref.heightfixed,
+          heightfixed = _ref$heightfixed === void 0 ? false : _ref$heightfixed;
 
       if (this.rendererService.getDirty()) {
         this.texture.bind();
@@ -117,6 +121,8 @@ var ImageModel = /*#__PURE__*/function (_BaseModel) {
       }
 
       return {
+        u_raisingHeight: Number(raisingHeight),
+        u_heightfixed: Number(heightfixed),
         u_dataTexture: this.dataTexture,
         // 数据纹理 - 有数据映射的时候纹理中带数据，若没有任何数据映射时纹理是 [1]
         u_cellTypeLayout: this.getCellTypeLayout(),

package/es/point/models/radar.js

@@ -176,7 +176,7 @@ var RadarModel = /*#__PURE__*/function (_BaseModel) {
       var m2 = this.mapService.meterToCoord(center, [maxLng === minLng ? maxLng + 0.1 : maxLng, maxLat === minLat ? minLat + 0.1 : maxLat]);
       this.meter2coord = (m1 + m2) / 2;
 
-      if (!Boolean(this.meter2coord)) {
+      if (!this.meter2coord) {
         // Tip: 兼容单个数据导致的 m1、m2 为 NaN
         this.meter2coord = 7.70681090738883;
       }
@@ -238,8 +238,7 @@ var RadarModel = /*#__PURE__*/function (_BaseModel) {
           },
           size: 3,
           update: function update(feature, featureIdx, vertex, attributeIdx) {
-            var extrude;
-            extrude = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0];
+            var extrude = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0];
             var extrudeIndex = attributeIdx % 4 * 3;
             return [extrude[extrudeIndex], extrude[extrudeIndex + 1], extrude[extrudeIndex + 2]];
           }

package/es/point/models/tile.js

@@ -181,7 +181,7 @@ var FillModel = /*#__PURE__*/function (_BaseModel) {
       var m2 = this.mapService.meterToCoord(center, [maxLng === minLng ? maxLng + 0.1 : maxLng, maxLat === minLat ? minLat + 0.1 : maxLat]);
       this.meter2coord = (m1 + m2) / 2;
 
-      if (!Boolean(this.meter2coord)) {
+      if (!this.meter2coord) {
         // Tip: 兼容单个数据导致的 m1、m2 为 NaN
         this.meter2coord = 7.70681090738883;
       }

package/es/point/shaders/fill_vert.glsl

@@ -24,6 +24,7 @@ uniform vec2 u_offsets;
 
 uniform float u_blur : 0.0;
 uniform float u_raisingHeight: 0.0;
+uniform float u_heightfixed: 0.0;
 
 #pragma include "styleMapping"
 #pragma include "styleMappingCalOpacity"
@@ -164,16 +165,22 @@ void main() {
   vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));
   // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
 
-  float raiseHeight = u_raisingHeight;
-  if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
-    float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
-    raiseHeight = u_raisingHeight * mapboxZoomScale;
+  float raisingHeight = u_raisingHeight;
+
+  if(u_heightfixed < 1.0) { // false
+    raisingHeight = project_pixel(u_raisingHeight);
+  } else {
+     if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
+      raisingHeight = u_raisingHeight * mapboxZoomScale;
+    }
   }
+ 
 
   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
-    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raiseHeight, 1.0);
+    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raisingHeight, 1.0);
   } else {
-    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, u_raisingHeight, 1.0));
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, raisingHeight, 1.0));
   }
  
   // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));

package/es/point/shaders/image/fillImage_vert.glsl

@@ -15,6 +15,8 @@ uniform float u_isMeter;
 varying vec2 v_uv; // 本身的 uv 坐标
 varying vec2 v_Iconuv; // icon 贴图的 uv 坐标
 
+uniform float u_raisingHeight: 0.0;
+uniform float u_heightfixed: 0.0;
 uniform float u_opacity : 1;
 uniform vec2 u_offsets;
 
@@ -91,15 +93,21 @@ void main() {
     }
   }
 
-
-  // vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0));
   vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));
-  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
+  float raisingHeight = u_raisingHeight;
+  if(u_heightfixed < 1.0) { // height fixed
+    raisingHeight = project_pixel(u_raisingHeight);
+  } else {
+    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
+      raisingHeight = u_raisingHeight * mapboxZoomScale;
+    }
+  }
 
   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
-    gl_Position = u_Mvp * vec4(project_pos.xy + offset, 0.0, 1.0);
+    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raisingHeight, 1.0);
   } else {
-    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, raisingHeight, 1.0));
   }
  
   // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));

package/es/point/shaders/image_vert.glsl

@@ -10,6 +10,8 @@ uniform mat4 u_Mvp;
 uniform vec2 u_offsets;
 
 uniform float u_opacity : 1;
+uniform float u_raisingHeight: 0.0;
+uniform float u_heightfixed: 0.0;
 
 varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
 
@@ -61,21 +63,28 @@ void main() {
   }
 
   // cal style mapping - 数据纹理映射部分的计算
-   v_color = a_Color;
-   v_uv = a_Uv;
-   vec4 project_pos = project_position(vec4(a_Position, 1.0));
+  v_color = a_Color;
+  v_uv = a_Uv;
+  vec4 project_pos = project_position(vec4(a_Position, 1.0));
    
-  //  vec2 offset = project_pixel(u_offsets);
   vec2 offset = project_pixel(textrueOffsets);
 
-  //  gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));
+  float raisingHeight = u_raisingHeight;
+  if(u_heightfixed < 1.0) { // false
+    raisingHeight = project_pixel(u_raisingHeight);
+  } else {
+     if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
+      raisingHeight = u_raisingHeight * mapboxZoomScale;
+    }
+  }
 
   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
-    gl_Position = u_Mvp * vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0);
+    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raisingHeight, 1.0);
   } else {
-    gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, raisingHeight, 1.0));
   }
-  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;
 
+  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;
   setPickingColor(a_PickingColor);
 }

package/es/tile/manager/tileLayerManager.d.ts

@@ -1,4 +1,4 @@
-import { IInteractionTarget, ILayer, ILayerService, IMapService, IPickingService, IRendererService, ITileLayerManager, ITilePickManager } from '@antv/l7-core';
+import { IInteractionTarget, ILayer, ILayerService, IMapService, IPickingService, IRendererService, ITileLayerManager, ITilePickManager, ITransform } from '@antv/l7-core';
 import { Tile } from '@antv/l7-utils';
 import { ITileConfigManager } from './tileConfigManager';
 export declare class TileLayerManager implements ITileLayerManager {
@@ -12,7 +12,8 @@ export declare class TileLayerManager implements ITileLayerManager {
     private tileFactory;
     private initOptions;
     private rampColorsData;
-    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService, pickingService: IPickingService, layerService: ILayerService);
+    private transforms;
+    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService, pickingService: IPickingService, layerService: ILayerService, transforms: ITransform[]);
     createTile(tile: Tile): {
         layers: ILayer[];
         layerIDList: string[];

package/es/tile/manager/tileLayerManager.js

@@ -8,13 +8,14 @@ import { getLayerShape, getMaskValue } from "../utils";
 import TileConfigManager from "./tileConfigManager";
 import TilePickManager from "./tilePickerManager";
 export var TileLayerManager = /*#__PURE__*/function () {
-  function TileLayerManager(parent, mapService, rendererService, pickingService, layerService) {
+  function TileLayerManager(parent, mapService, rendererService, pickingService, layerService, transforms) {
     _classCallCheck(this, TileLayerManager);
 
     this.parent = parent;
     this.children = parent.layerChildren;
     this.mapService = mapService;
     this.rendererService = rendererService;
+    this.transforms = transforms;
     this.tilePickManager = new TilePickManager(parent, rendererService, pickingService, this.children, layerService);
     this.tileConfigManager = new TileConfigManager();
     this.setSubLayerInitOptipn();
@@ -181,6 +182,7 @@ export var TileLayerManager = /*#__PURE__*/function () {
 
       this.initOptions = {
         layerType: this.parent.type,
+        transforms: this.transforms,
         shape: layerShape,
         zIndex: zIndex,
         opacity: opacity,

package/es/tile/models/tileModel.js

@@ -30,15 +30,16 @@ var RasterTileModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "initModels",
     value: function initModels() {
-      var _this$layer$getSource;
+      var source = this.layer.getSource();
 
-      if ((_this$layer$getSource = this.layer.getSource()) !== null && _this$layer$getSource !== void 0 && _this$layer$getSource.data.isTile) {
+      if (source !== null && source !== void 0 && source.data.isTile) {
         this.layer.tileLayer = new TMSTileLayer({
           parent: this.layer,
           rendererService: this.rendererService,
           mapService: this.mapService,
           layerService: this.layerService,
-          pickingService: this.pickingService
+          pickingService: this.pickingService,
+          transforms: source.transforms
         });
       }
 

package/es/tile/tileFactory/base.d.ts

@@ -32,7 +32,7 @@ export default class TileFactory implements ITileFactory {
     updateStyle(styles: ITileStyles): string;
     getDefautStyleAttributeField(layer: ILayer, type: string): string | string[] | 2;
     setStyleAttributeField(layer: ILayer, type: ScaleAttributeType, value: IScaleValue | undefined | string | string[]): ILayer | undefined;
-    protected parseScaleValue(value: IScaleValue | string, type: string): (string | number | unknown[])[] | (string | number | string[] | number[] | ((...args: any[]) => [] | undefined))[];
+    protected parseScaleValue(value: IScaleValue | string, type: string): (string | number | unknown[])[] | (import("@antv/l7-core").StyleAttributeField | ((...args: any[]) => [] | undefined))[];
     protected getTile(lng: number, lat: number): Tile;
     protected emitEvent(layers: ILayer[], isVector?: boolean): void;
     protected getCombineFeature(features: IParseDataItem[]): any;

package/es/tile/tileFactory/base.js

@@ -1,5 +1,5 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -10,6 +10,7 @@ import { getLayerShape, readRasterValue, registerLayers } from "../utils";
 import VectorLayer from "./vectorLayer";
 import * as turf from '@turf/helpers';
 import union from '@turf/union';
+import polygonToLineString from '@turf/polygon-to-line';
 
 var TileFactory = /*#__PURE__*/function () {
   // 用于记录图层内事件，辅助判断图层外事件逻辑
@@ -52,7 +53,10 @@ var TileFactory = /*#__PURE__*/function () {
         source: null
       };
       var sourceLayer = initOptions.sourceLayer,
-          featureId = initOptions.featureId;
+          featureId = initOptions.featureId,
+          transforms = initOptions.transforms,
+          layerType = initOptions.layerType,
+          shape = initOptions.shape;
 
       if (!sourceLayer) {
         return emptyData;
@@ -64,17 +68,40 @@ var TileFactory = /*#__PURE__*/function () {
       if (!(Array.isArray(features) && features.length > 0)) {
         return emptyData;
       } else {
+        var geofeatures = [];
+
+        if (layerType === 'LineLayer' && shape === 'simple') {
+          features.map(function (feature) {
+            if (feature.geometry.type === 'MultiPolygon') {
+              var _geofeatures;
+
+              // @ts-ignore
+              var linefeatures = polygonToLineString(feature).features;
+
+              (_geofeatures = geofeatures).push.apply(_geofeatures, _toConsumableArray(linefeatures));
+            } else if (feature.geometry.type === 'Polygon') {
+              feature.geometry.type = 'MultiLineString';
+              geofeatures.push(feature);
+            } else {
+              geofeatures.push(feature);
+            }
+          });
+        } else {
+          geofeatures = features;
+        }
+
         var source = new Source({
           type: 'FeatureCollection',
-          features: features
+          features: geofeatures
         }, {
           parser: {
             type: 'geojson',
             featureId: featureId
-          }
+          },
+          transforms: transforms
         });
         return {
-          features: features,
+          features: geofeatures,
           featureId: featureId,
           vectorTileLayer: vectorTileLayer,
           source: source

package/es/tile/tileFactory/vectorLayer.d.ts

@@ -1,6 +1,7 @@
 import BaseLayer from '../../core/BaseLayer';
 import { ILineLayerStyleOptions, IPointLayerStyleOptions, IPolygonLayerStyleOptions } from '../../core/interface';
 import lineFillModel from '../../line/models/tile';
+import lineSimpleModel from '../../line/models/simpleLine';
 import pointTextModel from '../../point/models/text';
 import pointFillModel from '../../point/models/tile';
 import polygonFillModel from '../../polygon/models/tile';
@@ -12,7 +13,8 @@ export default class VectorLayer extends BaseLayer<Partial<IPolygonLayerStyleOpt
     setPickID(): number | null;
     buildModels(): void;
     rebuildModels(): void;
-    protected getModelType(): typeof lineFillModel | typeof pointTextModel | typeof pointFillModel | typeof polygonFillModel;
+    protected getModelType(): typeof lineFillModel | typeof lineSimpleModel | typeof pointTextModel | typeof pointFillModel | typeof polygonFillModel;
+    protected getLineModel(): typeof lineFillModel | typeof lineSimpleModel;
     protected getPointModel(): typeof pointTextModel | typeof pointFillModel;
     protected getConfigSchema(): {
         properties: {

package/es/tile/tileFactory/vectorLayer.js

@@ -12,6 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import BaseLayer from "../../core/BaseLayer";
 import lineFillModel from "../../line/models/tile";
+import lineSimpleModel from "../../line/models/simpleLine";
 import pointTextModel from "../../point/models/text";
 import pointFillModel from "../../point/models/tile";
 import polygonFillModel from "../../polygon/models/tile";
@@ -81,7 +82,7 @@ var VectorLayer = /*#__PURE__*/function (_BaseLayer) {
           return polygonFillModel;
 
         case 'LineLayer':
-          return lineFillModel;
+          return this.getLineModel();
 
         case 'PointLayer':
           return this.getPointModel();
@@ -90,6 +91,26 @@ var VectorLayer = /*#__PURE__*/function (_BaseLayer) {
           return pointFillModel;
       }
     }
+  }, {
+    key: "getLineModel",
+    value: function getLineModel() {
+      var _shapeAttribute$scale;
+
+      var shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
+      var shape = shapeAttribute === null || shapeAttribute === void 0 ? void 0 : (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field;
+
+      switch (shape) {
+        case 'tileline':
+        case 'line':
+          return lineFillModel;
+
+        case 'simple':
+          return lineSimpleModel;
+
+        default:
+          return lineFillModel;
+      }
+    }
   }, {
     key: "getPointModel",
     value: function getPointModel() {

package/es/tile/tileLayer/baseTileLayer.d.ts

@@ -14,7 +14,7 @@ export default class BaseTileLayer implements ITileLayer {
     private mapService;
     private layerService;
     private pickColors;
-    constructor({ parent, rendererService, mapService, layerService, pickingService, }: ITileLayerOPtions);
+    constructor({ parent, rendererService, mapService, layerService, pickingService, transforms }: ITileLayerOPtions);
     /**
      * 渲染瓦片的图层
      */

package/es/tile/tileLayer/baseTileLayer.js

@@ -14,7 +14,8 @@ var BaseTileLayer = /*#__PURE__*/function () {
         rendererService = _ref.rendererService,
         mapService = _ref.mapService,
         layerService = _ref.layerService,
-        pickingService = _ref.pickingService;
+        pickingService = _ref.pickingService,
+        transforms = _ref.transforms;
 
     _classCallCheck(this, BaseTileLayer);
 
@@ -38,7 +39,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
     this.parent = parent;
     this.mapService = mapService;
     this.layerService = layerService;
-    this.tileLayerManager = new TileLayerManager(parent, mapService, rendererService, pickingService, layerService);
+    this.tileLayerManager = new TileLayerManager(parent, mapService, rendererService, pickingService, layerService, transforms);
     this.initTileSetManager();
     this.bindSubLayerEvent();
     this.bindSubLayerPick();

package/es/tile/utils.js

@@ -59,7 +59,7 @@ export function getMaskValue(layerType, mask) {
   }
 }
 export function getContainerSize(container) {
-  if (!!container.getContext) {
+  if (container.getContext) {
     return {
       width: container.width / DOM.DPR,
       height: container.height / DOM.DPR

package/lib/citybuliding/building.js

@@ -30,7 +30,7 @@ var import_build = __toESM(require("./models/build"));
 var CityBuildingLayer = class extends import_BaseLayer.default {
   constructor() {
     super(...arguments);
-    this.type = "PolygonLayer";
+    this.type = "CityBuildingLayer";
   }
   buildModels() {
     this.layerModel = new import_build.default(this);

package/lib/core/BaseLayer.js

@@ -750,9 +750,10 @@ var BaseLayer = class extends import_eventemitter3.EventEmitter {
       } else {
         const {
           attributes,
-          elements
+          elements,
+          count
         } = this.styleAttributeService.createAttributesAndIndices(this.encodedData, triangulation, segmentNumber);
-        const m = createModel({
+        const modeloptions = {
           attributes,
           uniforms,
           fs,
@@ -760,7 +761,11 @@ var BaseLayer = class extends import_eventemitter3.EventEmitter {
           elements,
           blend: import_blend.BlendTypes[import_l7_core.BlendType.normal],
           ...rest
-        });
+        };
+        if (count) {
+          modeloptions.count = count;
+        }
+        const m = createModel(modeloptions);
         resolve(m);
       }
     });

package/lib/core/triangulation.js

@@ -121,41 +121,58 @@ function LineTriangulation(feature) {
   };
 }
 function SimpleLineTriangulation(feature) {
-  const { coordinates, originCoordinates, version } = feature;
-  const line = new import_extrude_polyline.default({
-    dash: true,
-    join: "bevel"
+  const { coordinates } = feature;
+  const pos = [];
+  const { results, totalDistance } = getSimpleLineVertices(coordinates);
+  results.map((point) => {
+    pos.push(point[0], point[1], point[2], point[3], 0, totalDistance);
   });
-  if (version === "GAODE2.x") {
-    let path1 = coordinates;
-    if (!Array.isArray(path1[0][0])) {
-      path1 = [coordinates];
-    }
-    let path2 = originCoordinates;
-    if (!Array.isArray(path2[0][0])) {
-      path2 = [originCoordinates];
-    }
-    for (let i = 0; i < path1.length; i++) {
-      const item1 = path1[i];
-      const item2 = path2[i];
-      line.simpleExtrude_gaode2(item1, item2);
-    }
+  return {
+    vertices: pos,
+    indices: [],
+    normals: [],
+    size: 6,
+    count: results.length
+  };
+}
+function lineSegmentDistance(b1, a1) {
+  const dx = a1[0] - b1[0];
+  const dy = a1[1] - b1[1];
+  return Math.sqrt(dx * dx + dy * dy);
+}
+function pushDis(point, n) {
+  if (point.length < 3) {
+    point.push(0);
+  }
+  point.push(n);
+  return point;
+}
+function getSimpleLineVertices(points) {
+  let distance = 0;
+  if (points.length < 2) {
+    return {
+      results: points,
+      totalDistance: 0
+    };
   } else {
-    let path = coordinates;
-    if (path[0] && !Array.isArray(path[0][0])) {
-      path = [coordinates];
+    const results = [];
+    const point = pushDis(points[0], distance);
+    results.push(point);
+    for (let i = 1; i < points.length - 1; i++) {
+      const subDistance = lineSegmentDistance(points[i - 1], points[i]);
+      distance += subDistance;
+      const mulPoint = pushDis(points[i], distance);
+      results.push(mulPoint);
+      results.push(mulPoint);
     }
-    path.forEach((item) => {
-      line.simpleExtrude(item);
-    });
+    const pointDistance = lineSegmentDistance(points[points.length - 2], points[points.length - 1]);
+    distance += pointDistance;
+    results.push(pushDis(points[points.length - 1], distance));
+    return {
+      results,
+      totalDistance: distance
+    };
   }
-  const linebuffer = line.complex;
-  return {
-    vertices: linebuffer.positions,
-    indices: linebuffer.indices,
-    normals: linebuffer.normals,
-    size: 6
-  };
 }
 function polygonTriangulation(feature) {
   const { coordinates } = feature;