@antv/l7-layers 2.21.10 → 2.21.11-beta.1

package/lib/core/BaseModel.js

@@ -15,17 +15,20 @@ var _stencil = require("../utils/stencil");
 var _CommonStyleAttribute = require("./CommonStyleAttribute");
 var _constant = require("./constant");
 var _utils = require("./utils");
-const shaderLocationMap = {
-  opacity: _CommonStyleAttribute.ShaderLocation.OPACITY,
-  stroke: _CommonStyleAttribute.ShaderLocation.STROKE,
-  offsets: _CommonStyleAttribute.ShaderLocation.OFFSETS,
-  rotation: _CommonStyleAttribute.ShaderLocation.ROTATION,
-  extrusionBase: _CommonStyleAttribute.ShaderLocation.EXTRUSION_BASE,
-  thetaOffset: 15
-};
+// 属性索引宏定义前缀，使用命名空间避免 define 名称重复情况
+const DEFINE_ATTRIBUTE_LOCATION_PREFIX = 'ATTRIBUTE_LOCATION_';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class BaseModel {
+  /**
+   * Attribute Layout Location in Shader
+   */
+  get attributeLocation() {
+    return (0, _objectSpread2.default)({}, _CommonStyleAttribute.COMMON_ATTRIBUTE_LOCATION);
+  }
+
+  // style texture data mapping
+
   // 不支持数据映射的buffer
 
   // style texture data mapping
@@ -34,7 +37,6 @@ class BaseModel {
     (0, _defineProperty2.default)(this, "triangulation", void 0);
     (0, _defineProperty2.default)(this, "uniformBuffers", []);
     (0, _defineProperty2.default)(this, "textures", []);
-    // style texture data mapping
     (0, _defineProperty2.default)(this, "createTexture2D", void 0);
     (0, _defineProperty2.default)(this, "preStyleAttribute", {});
     (0, _defineProperty2.default)(this, "encodeStyleAttribute", {});
@@ -185,55 +187,18 @@ class BaseModel {
       this.layer.setAnimateStartTime();
     }
   }
-
-  // 动态注入参与数据映射的uniform
   getInject() {
-    const encodeStyleAttribute = this.layer.encodeStyleAttribute;
-    let str = '';
-    // a_Position = 0
-    // a_Color = 1
-    // a_PickingColor = 2
-
-    const uniforms = [];
-    // 支持数据映射的类型
-    this.layer.enableShaderEncodeStyles.forEach(key => {
-      if (encodeStyleAttribute[key]) {
-        // 配置了数据映射的类型
-        str += `#define USE_ATTRIBUTE_${key.toUpperCase()} 0.0; \n\n`;
-      } else {
-        uniforms.push(`  ${_constant.DefaultUniformStyleType[key]} u_${key};`);
-      }
-      let location = shaderLocationMap[key];
-      if (!location && key === 'THETA_OFFSET') {
-        location = 15;
-      }
-      str += `
-          #ifdef USE_ATTRIBUTE_${key.toUpperCase()}
-          layout(location = ${shaderLocationMap[key]}) in ${_constant.DefaultUniformStyleType[key]} a_${key.charAt(0).toUpperCase() + key.slice(1)};
-        #endif\n
-        `;
-    });
-    const attributeUniforms = uniforms.length ? `
-layout(std140) uniform AttributeUniforms {
-${uniforms.join('\n')}
-};
-    ` : '';
-    str += attributeUniforms;
-    let innerStr = '';
-    this.layer.enableShaderEncodeStyles.forEach(key => {
-      innerStr += `\n
-    #ifdef USE_ATTRIBUTE_${key.toUpperCase()}
-      ${_constant.DefaultUniformStyleType[key]} ${key}  = a_${key.charAt(0).toUpperCase() + key.slice(1)};
-    #else
-      ${_constant.DefaultUniformStyleType[key]} ${key} = u_${key};
-    #endif\n
-    `;
-    });
-    return {
-      'vs:#decl': str,
-      'fs:#decl': attributeUniforms,
-      'vs:#main-start': innerStr
-    };
+    const shaderInject = getDynamicStyleInject(this.layer.enableShaderEncodeStyles, this.layer.encodeStyleAttribute);
+    return shaderInject;
+  }
+  getDefines() {
+    // define atribute Layout Location
+    const atributeLocationDefines = Object.keys(this.attributeLocation).reduce((result, key) => {
+      const normalizedKey = DEFINE_ATTRIBUTE_LOCATION_PREFIX + key;
+      result[normalizedKey] = this.attributeLocation[key];
+      return result;
+    }, {});
+    return (0, _objectSpread2.default)({}, atributeLocationDefines);
   }
 
   // 获取数据映射样式
@@ -254,14 +219,36 @@ ${uniforms.join('\n')}
     });
     return options;
   }
+
   // 注册数据映射样式
   registerStyleAttribute() {
     Object.keys(this.layer.encodeStyleAttribute).forEach(key => {
       const options = (0, _CommonStyleAttribute.getCommonStyleAttributeOptions)(key);
       if (options) {
         this.styleAttributeService.registerStyleAttribute(options);
-        if (options.descriptor) {
-          options.descriptor.shaderLocation = shaderLocationMap[key];
+      }
+    });
+  }
+
+  /**
+   * 注册 Position 属性 64 位地位部分，当经纬度数据开启双精度浮点数使用，
+   * 避免大于 20层级以上出现数据偏移
+   */
+  registerPosition64LowAttribute(enable64bitPosition = true) {
+    // save low part for enabled double precision POSITION attribute
+    this.styleAttributeService.registerStyleAttribute({
+      name: 'position64Low',
+      type: _l7Core.AttributeType.Attribute,
+      descriptor: {
+        name: 'a_Position64Low',
+        shaderLocation: this.attributeLocation.POSITION_64LOW,
+        buffer: {
+          data: [],
+          type: _l7Core.gl.FLOAT
+        },
+        size: 2,
+        update: (feature, featureIdx, vertex) => {
+          return enable64bitPosition ? [(0, _l7Utils.fp64LowPart)(vertex[0]), (0, _l7Utils.fp64LowPart)(vertex[1])] : [0, 0];
         }
       }
     });
@@ -276,14 +263,16 @@ ${uniforms.join('\n')}
       this.attributeUnifoms = this.rendererService.createBuffer({
         data: new Float32Array((0, _utils.MultipleOfFourNumber)(attrUniforms.uniformsLength)).fill(0),
         // 长度需要大于等于 4
-        isUBO: true
+        isUBO: true,
+        label: 'layerModelAttributeUnifoms'
       });
       this.uniformBuffers.push(this.attributeUnifoms);
     }
     if (commonUniforms.uniformsLength !== 0) {
       this.commonUnifoms = this.rendererService.createBuffer({
         data: new Float32Array((0, _utils.MultipleOfFourNumber)(commonUniforms.uniformsLength)).fill(0),
-        isUBO: true
+        isUBO: true,
+        label: 'layerModelCommonUnifoms'
       });
       this.uniformBuffers.push(this.commonUnifoms);
     }
@@ -338,4 +327,49 @@ ${uniforms.join('\n')}
     });
   }
 }
-exports.default = BaseModel;
+
+/**
+ * 获取动态注入参与数据映射 uniform/attribute
+ */
+exports.default = BaseModel;
+function getDynamicStyleInject(shaderEncodeStyles, styleAttribute) {
+  const uniforms = [];
+  let vsDeclInjection = '';
+
+  // 支持数据映射的类型
+  shaderEncodeStyles.forEach(key => {
+    const upperCaseKey = key.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase();
+    const shaderDefineName = DEFINE_ATTRIBUTE_LOCATION_PREFIX + upperCaseKey;
+    if (styleAttribute[key]) {
+      // 配置了数据映射的类型
+      vsDeclInjection += `#define USE_ATTRIBUTE_${upperCaseKey} 0.0 \n`;
+    } else {
+      uniforms.push(`  ${_constant.DefaultUniformStyleType[key]} u_${key};`);
+    }
+    vsDeclInjection += `
+#ifdef USE_ATTRIBUTE_${upperCaseKey}
+layout(location = ${shaderDefineName}) in ${_constant.DefaultUniformStyleType[key]} a_${key.charAt(0).toUpperCase() + key.slice(1)};
+#endif \n`;
+  });
+  const fsDeclInjection = uniforms.length ? `
+layout(std140) uniform AttributeUniforms {
+  ${uniforms.join('\n')}
+};\n` : '';
+  vsDeclInjection += fsDeclInjection;
+  let vsMainInjection = '';
+  shaderEncodeStyles.forEach(key => {
+    const upperCaseKey = key.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase();
+    vsMainInjection += `
+  #ifdef USE_ATTRIBUTE_${upperCaseKey}
+    ${_constant.DefaultUniformStyleType[key]} ${key} = a_${key.charAt(0).toUpperCase() + key.slice(1)};
+  #else
+    ${_constant.DefaultUniformStyleType[key]} ${key} = u_${key};
+  #endif
+  `;
+  });
+  return {
+    'vs:#decl': vsDeclInjection,
+    'fs:#decl': fsDeclInjection,
+    'vs:#main-start': vsMainInjection
+  };
+}

package/lib/core/CommonStyleAttribute.d.ts

@@ -1,20 +1,16 @@
 import type { IStyleAttribute } from '@antv/l7-core';
-export declare enum ShaderLocation {
-    POSITION = 0,
-    COLOR = 1,
-    VERTEX_ID = 2,
-    PICKING_COLOR = 3,
-    STROKE = 4,
-    OPACITY = 5,
-    OFFSETS = 6,
-    ROTATION = 7,
-    EXTRUSION_BASE = 8,
-    SIZE = 9,
-    SHAPE = 10,
-    EXTRUDE = 11,
-    MAX = 12,
-    NORMAL = 13,
-    UV = 14,
-    LINEAR = 15
-}
+/**
+ * Attribute Layout Location in Shader
+ */
+export declare const COMMON_ATTRIBUTE_LOCATION: {
+    readonly POSITION: 0;
+    readonly POSITION_64LOW: 1;
+    readonly COLOR: 2;
+    readonly PICKING_COLOR: 3;
+    readonly STROKE: 4;
+    readonly OPACITY: 5;
+    readonly OFFSETS: 6;
+    readonly ROTATION: 7;
+    readonly MAX: 8;
+};
 export declare function getCommonStyleAttributeOptions(name: string): Partial<IStyleAttribute> | undefined;

package/lib/core/CommonStyleAttribute.js

@@ -3,28 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShaderLocation = void 0;
+exports.COMMON_ATTRIBUTE_LOCATION = void 0;
 exports.getCommonStyleAttributeOptions = getCommonStyleAttributeOptions;
 var _l7Core = require("@antv/l7-core");
-let ShaderLocation = exports.ShaderLocation = /*#__PURE__*/function (ShaderLocation) {
-  ShaderLocation[ShaderLocation["POSITION"] = 0] = "POSITION";
-  ShaderLocation[ShaderLocation["COLOR"] = 1] = "COLOR";
-  ShaderLocation[ShaderLocation["VERTEX_ID"] = 2] = "VERTEX_ID";
-  ShaderLocation[ShaderLocation["PICKING_COLOR"] = 3] = "PICKING_COLOR";
-  ShaderLocation[ShaderLocation["STROKE"] = 4] = "STROKE";
-  ShaderLocation[ShaderLocation["OPACITY"] = 5] = "OPACITY";
-  ShaderLocation[ShaderLocation["OFFSETS"] = 6] = "OFFSETS";
-  ShaderLocation[ShaderLocation["ROTATION"] = 7] = "ROTATION";
-  ShaderLocation[ShaderLocation["EXTRUSION_BASE"] = 8] = "EXTRUSION_BASE";
-  ShaderLocation[ShaderLocation["SIZE"] = 9] = "SIZE";
-  ShaderLocation[ShaderLocation["SHAPE"] = 10] = "SHAPE";
-  ShaderLocation[ShaderLocation["EXTRUDE"] = 11] = "EXTRUDE";
-  ShaderLocation[ShaderLocation["MAX"] = 12] = "MAX";
-  ShaderLocation[ShaderLocation["NORMAL"] = 13] = "NORMAL";
-  ShaderLocation[ShaderLocation["UV"] = 14] = "UV";
-  ShaderLocation[ShaderLocation["LINEAR"] = 15] = "LINEAR";
-  return ShaderLocation;
-}({}); // Polygon Linear
+/**
+ * Attribute Layout Location in Shader
+ */
+const COMMON_ATTRIBUTE_LOCATION = exports.COMMON_ATTRIBUTE_LOCATION = {
+  // common attribute in RegisterStyleAttributePlugin
+  POSITION: 0,
+  // low part for double precision POSITION attribute
+  POSITION_64LOW: 1,
+  COLOR: 2,
+  PICKING_COLOR: 3,
+  // common style attribute
+  STROKE: 4,
+  OPACITY: 5,
+  OFFSETS: 6,
+  ROTATION: 7,
+  // last index
+  MAX: 8
+};
 function getCommonStyleAttributeOptions(name) {
   switch (name) {
     // // roate
@@ -34,7 +33,7 @@ function getCommonStyleAttributeOptions(name) {
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Rotation',
-          shaderLocation: ShaderLocation.ROTATION,
+          shaderLocation: COMMON_ATTRIBUTE_LOCATION.ROTATION,
           buffer: {
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
@@ -55,7 +54,7 @@ function getCommonStyleAttributeOptions(name) {
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Stroke',
-          shaderLocation: ShaderLocation.STROKE,
+          shaderLocation: COMMON_ATTRIBUTE_LOCATION.STROKE,
           buffer: {
             // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
@@ -77,7 +76,7 @@ function getCommonStyleAttributeOptions(name) {
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Opacity',
-          shaderLocation: ShaderLocation.OPACITY,
+          shaderLocation: COMMON_ATTRIBUTE_LOCATION.OPACITY,
           buffer: {
             // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.STATIC_DRAW,
@@ -93,35 +92,13 @@ function getCommonStyleAttributeOptions(name) {
           }
         }
       };
-    case 'extrusionBase':
-      return {
-        name: 'extrusionBase',
-        type: _l7Core.AttributeType.Attribute,
-        descriptor: {
-          name: 'a_ExtrusionBase',
-          shaderLocation: ShaderLocation.EXTRUSION_BASE,
-          buffer: {
-            // give the WebGL driver a hint that this buffer may change
-            usage: _l7Core.gl.STATIC_DRAW,
-            data: [],
-            type: _l7Core.gl.FLOAT
-          },
-          size: 1,
-          update: feature => {
-            const {
-              extrusionBase: op = 0
-            } = feature;
-            return [op];
-          }
-        }
-      };
     case 'offsets':
       return {
         name: 'offsets',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Offsets',
-          shaderLocation: ShaderLocation.OFFSETS,
+          shaderLocation: COMMON_ATTRIBUTE_LOCATION.OFFSETS,
           buffer: {
             // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.STATIC_DRAW,
@@ -137,28 +114,6 @@ function getCommonStyleAttributeOptions(name) {
           }
         }
       };
-    case 'thetaOffset':
-      return {
-        name: 'thetaOffset',
-        type: _l7Core.AttributeType.Attribute,
-        descriptor: {
-          name: 'a_ThetaOffset',
-          shaderLocation: 15,
-          buffer: {
-            // give the WebGL driver a hint that this buffer may change
-            usage: _l7Core.gl.STATIC_DRAW,
-            data: [],
-            type: _l7Core.gl.FLOAT
-          },
-          size: 1,
-          update: feature => {
-            const {
-              thetaOffset: op = 1
-            } = feature;
-            return [op];
-          }
-        }
-      };
     default:
       return undefined;
   }

package/lib/core/shape/extrude.js

@@ -10,6 +10,7 @@ exports.fillPolygon = fillPolygon;
 var _l7Utils = require("@antv/l7-utils");
 var _earcut = _interopRequireDefault(require("earcut"));
 var _glMatrix = require("gl-matrix");
+var _utils = require("../utils");
 /**
  * 拉伸多边形顶点，返回拉伸后的顶点信息
  * @param paths 路径数据组
@@ -73,7 +74,8 @@ function extrude_PolygonNormal(path, needFlat = false // 是否需要转成平
   const flattengeo = _earcut.default.flatten(path);
   const {
     vertices,
-    dimensions
+    dimensions,
+    holes
   } = flattengeo;
   const positions = [];
   const indexArray = [];
@@ -92,8 +94,9 @@ function extrude_PolygonNormal(path, needFlat = false // 是否需要转成平
     );
     normals.push(0, 0, 1);
   }
-  const triangles = (0, _earcut.default)(flattengeo.vertices, flattengeo.holes, flattengeo.dimensions);
-  indexArray.push(...triangles);
+  const indices = (0, _utils.getPolygonSurfaceIndices)(vertices, holes, dimensions, needFlat);
+  indexArray.push(...indices);
+
   // 设置侧面
   for (let i = 0; i < n; i++) {
     const prePoint = flattengeo.vertices.slice(i * dimensions, (i + 1) * dimensions);

package/lib/core/triangulation.js

@@ -28,8 +28,9 @@ var _earcut = _interopRequireDefault(require("earcut"));
 var _glMatrix = require("gl-matrix");
 var _utils = require("../earth/utils");
 var _extrude_polyline = _interopRequireDefault(require("../utils/extrude_polyline"));
-var _extrude = _interopRequireWildcard(require("./shape/extrude"));
 var _Path = require("./shape/Path");
+var _extrude = _interopRequireWildcard(require("./shape/extrude"));
+var _utils2 = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // @ts-ignore
@@ -103,9 +104,7 @@ function PointImageTriangulation(feature) {
  */
 function LineTriangulation(feature) {
   const {
-    coordinates,
-    originCoordinates,
-    version
+    coordinates
   } = feature;
   // let path = coordinates as number[][][] | number[][];
   // if (!Array.isArray(path[0][0])) {
@@ -116,32 +115,13 @@ function LineTriangulation(feature) {
     dash: true,
     join: 'bevel'
   });
-  if (version === 'GAODE2.x') {
-    // 处理高德2.0几何体构建
-    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++) {
-      // 高德2.0在计算线时，需要使用经纬度计算发现，使用 customCoords.lnglatToCoords 计算的数据来计算顶点的位置
-      const item1 = path1[i];
-      const item2 = path2[i];
-      line.extrude_gaode2(item1, item2);
-    }
-  } else {
-    // 处理非高德2.0的几何体构建
-    let path = coordinates;
-    if (path[0] && !Array.isArray(path[0][0])) {
-      path = [coordinates];
-    }
-    path.forEach(item => {
-      line.extrude(item);
-    });
+  let path = coordinates;
+  if (path[0] && !Array.isArray(path[0][0])) {
+    path = [coordinates];
   }
+  path.forEach(item => {
+    line.extrude(item);
+  });
   const linebuffer = line.complex;
   return {
     vertices: linebuffer.positions,
@@ -203,8 +183,7 @@ function FlowLineFillTriangulation(feature) {
 }
 function SimpleLineTriangulation(feature) {
   const {
-    coordinates,
-    originCoordinates
+    coordinates
   } = feature;
   const pos = [];
   if (!Array.isArray(coordinates[0])) {
@@ -219,7 +198,7 @@ function SimpleLineTriangulation(feature) {
   const {
     results,
     totalDistance
-  } = getSimpleLineVertices(coordinates, originCoordinates);
+  } = getSimpleLineVertices(coordinates);
   results.map(point => {
     pos.push(point[0], point[1], point[2], point[3], 0, totalDistance);
   });
@@ -271,15 +250,11 @@ function pushDis(point, n) {
   }
   return point;
 }
-function getSimpleLineVertices(coordinates, originCoordinates) {
+function getSimpleLineVertices(coordinates) {
   let points = coordinates;
-  //除了amap2.0以外 coordinates就是经纬度数据
-  let originPoints = originCoordinates || coordinates;
   if (Array.isArray(points) && Array.isArray(points[0]) && Array.isArray(points[0][0])) {
     // @ts-ignore
-    points = originCoordinates.flat();
-    // @ts-ignore
-    originPoints = originCoordinates.flat();
+    points = coordinates.flat();
   }
   //修改计算距离的方式,与普通线的计算方式保持一致 edit by huyang 20231214
   let distance = 0;
@@ -293,13 +268,13 @@ function getSimpleLineVertices(coordinates, originCoordinates) {
     const point = pushDis(points[0], distance);
     results.push(point);
     for (let i = 1; i < points.length - 1; i++) {
-      const subDistance = lineSegmentDistance((0, _l7Utils.aProjectFlat)(originPoints[i - 1]), (0, _l7Utils.aProjectFlat)(originPoints[i]));
+      const subDistance = lineSegmentDistance((0, _l7Utils.aProjectFlat)(points[i - 1]), (0, _l7Utils.aProjectFlat)(points[i]));
       distance += subDistance;
       const mulPoint = pushDis(points[i], distance);
       results.push(mulPoint);
       results.push(mulPoint);
     }
-    const pointDistance = lineSegmentDistance((0, _l7Utils.aProjectFlat)(originPoints[originPoints.length - 2]), (0, _l7Utils.aProjectFlat)(originPoints[originPoints.length - 1]));
+    const pointDistance = lineSegmentDistance((0, _l7Utils.aProjectFlat)(points[points.length - 2]), (0, _l7Utils.aProjectFlat)(points[points.length - 1]));
     distance += pointDistance;
     results.push(pushDis(points[points.length - 1], distance));
     return {
@@ -338,8 +313,9 @@ function polygonTriangulation(feature) {
     dimensions,
     holes
   } = flattengeo;
+  const indices = (0, _utils2.getPolygonSurfaceIndices)(vertices, holes, dimensions);
   return {
-    indices: (0, _earcut.default)(vertices, holes, dimensions),
+    indices,
     vertices,
     size: dimensions
   };
@@ -348,18 +324,14 @@ function polygonTriangulation(feature) {
 // 构建几何图形（带有中心点和大小）
 function polygonTriangulationWithCenter(feature) {
   const {
-    coordinates
-  } = feature;
-  const flattengeo = _earcut.default.flatten(coordinates);
-  const {
+    indices,
     vertices,
-    dimensions,
-    holes
-  } = flattengeo;
+    size
+  } = polygonTriangulation(feature);
   return {
-    indices: (0, _earcut.default)(vertices, holes, dimensions),
+    indices: indices,
     vertices: getVerticesWithCenter(vertices),
-    size: dimensions + 4
+    size: size + 4
   };
 }
 function getVerticesWithCenter(vertices) {

package/lib/core/utils.d.ts

@@ -1 +1,5 @@
 export declare function MultipleOfFourNumber(num: number): number;
+/**
+ * Get vertex indices for drawing polygon mesh (triangulation)
+ */
+export declare function getPolygonSurfaceIndices(positions: number[], holeIndices: number[], positionSize: number, preproject?: boolean): number[];

package/lib/core/utils.js

@@ -1,9 +1,44 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MultipleOfFourNumber = MultipleOfFourNumber;
+exports.getPolygonSurfaceIndices = getPolygonSurfaceIndices;
+var _l7Utils = require("@antv/l7-utils");
+var _earcut = _interopRequireDefault(require("earcut"));
 function MultipleOfFourNumber(num) {
   return Math.max(Math.ceil(num / 4) * 4, 4);
+}
+
+/**
+ * Get vertex indices for drawing polygon mesh (triangulation)
+ */
+function getPolygonSurfaceIndices(positions, holeIndices, positionSize, preproject = true) {
+  const is3d = positionSize === 3;
+  if (preproject) {
+    positions = positions.slice();
+    const p = [];
+    for (let i = 0; i < positions.length; i += positionSize) {
+      p[0] = positions[i];
+      p[1] = positions[i + 1];
+      if (is3d) {
+        p[2] = positions[i + 2];
+      }
+
+      // earcut is a 2D triangulation algorithm, and handles 3D data as if it was projected onto the XY plane
+      const xy = (0, _l7Utils.lngLatToMeters)(p, true, {
+        enable: false,
+        decimal: 1
+      });
+      positions[i] = xy[0];
+      positions[i + 1] = xy[1];
+      if (is3d) {
+        positions[i + 2] = xy[2];
+      }
+    }
+  }
+  const indices = (0, _earcut.default)(positions, holeIndices, positionSize);
+  return indices;
 }

package/lib/earth/models/atmosphere.d.ts

@@ -1,6 +1,21 @@
 import type { IModel } from '@antv/l7-core';
 import BaseModel from '../../core/BaseModel';
 export default class EarthAtomSphereModel extends BaseModel {
+    protected get attributeLocation(): {
+        readonly POSITION: 0;
+        readonly POSITION_64LOW: 1;
+        readonly COLOR: 2;
+        readonly PICKING_COLOR: 3;
+        readonly STROKE: 4;
+        readonly OPACITY: 5;
+        readonly OFFSETS: 6;
+        readonly ROTATION: 7;
+        readonly MAX: 8;
+    } & Record<string, number> & {
+        MAX: 8;
+        NORMAL: number;
+        UV: number;
+    };
     protected getCommonUniformsInfo(): {
         uniformsArray: number[];
         uniformsLength: number;