@antv/l7-layers 2.9.24 → 2.9.26-alpha.0

package/lib/point/shaders/tile/fill_tile_frag.glsl

@@ -1,83 +0,0 @@
-uniform float u_additive;
-varying mat4 styleMappingMat; // 传递从片元中传递的映射数据
-
-varying vec4 v_data;
-varying vec4 v_color;
-varying float v_radius;
-
-#pragma include "sdf_2d"
-#pragma include "picking"
-
-void main() {
-  int shape = int(floor(v_data.w + 0.5));
-
-  vec4 textrueStroke = vec4(
-    styleMappingMat[1][0],
-    styleMappingMat[1][1],
-    styleMappingMat[1][2],
-    styleMappingMat[1][3]
-  );
-
-  float opacity = styleMappingMat[0][0];
-  float stroke_opacity = styleMappingMat[0][1];
-  float strokeWidth = styleMappingMat[0][2];
-  vec4 strokeColor = textrueStroke == vec4(0) ? v_color : textrueStroke;
-
-  lowp float antialiasblur = v_data.z;
-  float r = v_radius / (v_radius + strokeWidth);
-
-  float outer_df;
-  float inner_df;
-  // 'circle', 'triangle', 'square', 'pentagon', 'hexagon', 'octogon', 'hexagram', 'rhombus', 'vesica'
-  if (shape == 0) {
-    outer_df = sdCircle(v_data.xy, 1.0);
-    inner_df = sdCircle(v_data.xy, r);
-  } else if (shape == 1) {
-    outer_df = sdEquilateralTriangle(1.1 * v_data.xy);
-    inner_df = sdEquilateralTriangle(1.1 / r * v_data.xy);
-  } else if (shape == 2) {
-    outer_df = sdBox(v_data.xy, vec2(1.));
-    inner_df = sdBox(v_data.xy, vec2(r));
-  } else if (shape == 3) {
-    outer_df = sdPentagon(v_data.xy, 0.8);
-    inner_df = sdPentagon(v_data.xy, r * 0.8);
-  } else if (shape == 4) {
-    outer_df = sdHexagon(v_data.xy, 0.8);
-    inner_df = sdHexagon(v_data.xy, r * 0.8);
-  } else if (shape == 5) {
-    outer_df = sdOctogon(v_data.xy, 1.0);
-    inner_df = sdOctogon(v_data.xy, r);
-  } else if (shape == 6) {
-    outer_df = sdHexagram(v_data.xy, 0.52);
-    inner_df = sdHexagram(v_data.xy, r * 0.52);
-  } else if (shape == 7) {
-    outer_df = sdRhombus(v_data.xy, vec2(1.0));
-    inner_df = sdRhombus(v_data.xy, vec2(r));
-  } else if (shape == 8) {
-    outer_df = sdVesica(v_data.xy, 1.1, 0.8);
-    inner_df = sdVesica(v_data.xy, r * 1.1, r * 0.8);
-  }
-
-
-  float opacity_t = smoothstep(0.0, antialiasblur, outer_df);
-
-  float color_t = strokeWidth < 0.01 ? 0.0 : smoothstep(
-    antialiasblur,
-    0.0,
-    inner_df
-  );
-
-  if(strokeWidth < 0.01) {
-    gl_FragColor = vec4(v_color.rgb, v_color.a * opacity);
-  } else {
-    gl_FragColor = mix(vec4(v_color.rgb, v_color.a * opacity), strokeColor * stroke_opacity, color_t);
-  }
-
-  if(u_additive > 0.0) {
-    gl_FragColor *= opacity_t;
-    gl_FragColor = filterColorAlpha(gl_FragColor, gl_FragColor.a);
-  } else {
-    gl_FragColor.a *= opacity_t;
-    gl_FragColor = filterColor(gl_FragColor);
-  }
-}

package/lib/point/shaders/tile/fill_tile_vert.glsl

@@ -1,181 +0,0 @@
-attribute vec4 a_Color;
-attribute vec3 a_Position;
-attribute vec3 a_Extrude;
-attribute float a_Size;
-attribute float a_Shape;
-
-varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
-
-uniform mat4 u_ModelMatrix;
-uniform mat4 u_Mvp;
-uniform float u_isMeter;
-
-uniform vec2 u_tileOrigin;
-uniform float u_coord;
-
-varying vec4 v_data;
-varying vec4 v_color;
-varying float v_radius;
-
-uniform float u_opacity : 1;
-uniform float u_stroke_opacity : 1;
-uniform float u_stroke_width : 2;
-uniform vec4 u_stroke_color : [0.0, 0.0, 0.0, 0.0];
-uniform vec2 u_offsets;
-
-uniform float u_blur : 0.0;
-
-#pragma include "styleMapping"
-#pragma include "styleMappingCalOpacity"
-#pragma include "styleMappingCalStrokeOpacity"
-#pragma include "styleMappingCalStrokeWidth"
-
-#pragma include "projection"
-#pragma include "picking"
-
-void main() {
-  vec3 extrude = a_Extrude;
-  float shape_type = a_Shape;
-  float newSize = setPickingSize(a_Size);
-
-  // cal style mapping - 数据纹理映射部分的计算
-  styleMappingMat = mat4(
-    0.0, 0.0, 0.0, 0.0, // opacity - strokeOpacity - strokeWidth - empty
-    0.0, 0.0, 0.0, 0.0, // strokeR - strokeG - strokeB - strokeA
-    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]
-    0.0, 0.0, 0.0, 0.0
-  );
-
-  float rowCount = u_cellTypeLayout[0][0];    // 当前的数据纹理有几行
-  float columnCount = u_cellTypeLayout[0][1]; // 当看到数据纹理有几列
-  float columnWidth = 1.0/columnCount;  // 列宽
-  float rowHeight = 1.0/rowCount;       // 行高
-  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets
-  float id = a_vertexId; // 第n个顶点
-  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // 起始点在第几行
-  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // 起始点在第几列
-  
-  // cell 固定顺序 opacity -> strokeOpacity -> strokeWidth -> stroke ... 
-  // 按顺序从 cell 中取值、若没有则自动往下取值
-  float textureOffset = 0.0; // 在 cell 中取值的偏移量
-
-  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
-  styleMappingMat[0][0] = opacityAndOffset.r;
-  textureOffset = opacityAndOffset.g;
-
-  vec2 strokeOpacityAndOffset = calStrokeOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
-  styleMappingMat[0][1] = strokeOpacityAndOffset.r;
-  textureOffset = strokeOpacityAndOffset.g;
-
-  vec2 strokeWidthAndOffset = calStrokeWidthAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
-  styleMappingMat[0][2] = strokeWidthAndOffset.r;
-  textureOffset = strokeWidthAndOffset.g;
-
-  vec4 textrueStroke = vec4(-1.0, -1.0, -1.0, -1.0);
-  if(hasStroke()) {
-    vec2 valueRPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
-    styleMappingMat[1][0] = pos2value(valueRPos, columnWidth, rowHeight); // R
-    textureOffset += 1.0;
-
-    vec2 valueGPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
-    styleMappingMat[1][1] = pos2value(valueGPos, columnWidth, rowHeight); // G
-    textureOffset += 1.0;
-
-    vec2 valueBPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
-    styleMappingMat[1][2] = pos2value(valueBPos, columnWidth, rowHeight); // B
-    textureOffset += 1.0;
-
-    vec2 valueAPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
-    styleMappingMat[1][3] = pos2value(valueAPos, columnWidth, rowHeight); // A
-    textureOffset += 1.0;
-  } else {
-    if(u_stroke_color == vec4(0.0)) {
-      styleMappingMat[1][0] = v_color.r;
-      styleMappingMat[1][1] = v_color.g;
-      styleMappingMat[1][2] = v_color.b;
-      styleMappingMat[1][3] = v_color.a;
-    } else {
-      styleMappingMat[1][0] = u_stroke_color.r;
-      styleMappingMat[1][1] = u_stroke_color.g;
-      styleMappingMat[1][2] = u_stroke_color.b;
-      styleMappingMat[1][3] = u_stroke_color.a;
-    }
-  }
-
-  vec2 textrueOffsets = vec2(0.0, 0.0);
-  if(hasOffsets()) {
-    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
-    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x
-    textureOffset += 1.0;
-
-    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
-    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x
-    textureOffset += 1.0;
-  } else {
-    textrueOffsets = u_offsets;
-  }
-
-  // cal style mapping
-
-  v_color = a_Color;
-  v_radius = newSize;
-
-  // anti-alias
-  //  float antialiased_blur = -max(u_blur, antialiasblur);
-  float antialiasblur = -max(2.0 / u_DevicePixelRatio / a_Size, u_blur);
-
-  vec2 offset = (extrude.xy * (newSize + u_stroke_width) + textrueOffsets);
-  vec3 aPosition = a_Position;
-  if(u_isMeter < 1.0) {
-    // 不以米为实际单位
-    offset = project_pixel(offset);
-  } else {
-    // 以米为实际单位
-    antialiasblur *= pow(19.0 - u_Zoom, 2.0);
-    antialiasblur = max(antialiasblur, -0.01);
-    // offset *= 0.5;
-
-    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
-      aPosition.xy += offset;
-      offset.x = 0.0;
-      offset.y = 0.0;
-    }
-  }
-
-  v_data = vec4(extrude.x, extrude.y, antialiasblur,shape_type);
-
-  vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));
-
-  if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
-    float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
-  }
-
-if(u_coord > 0.0) {
-  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
-    gl_Position = u_Mvp * vec4(project_pos.xy + offset, 0.0, 1.0);
-  } else {
-    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));
-  }
-} else {
-  gl_PointSize = 24.0;
-  vec2 pointPos = a_Position.xy;
-  vec4 world = vec4(project_mvt_offset_position(vec4(u_tileOrigin, 0.0, 1.0)).xyz, 1.0); // 瓦片起始点的世界坐标
-
-  vec2 pointOffset =  pointPos *  pow(2.0, u_Zoom); // 瓦片内的点的偏移坐标
-  
-  world.xy += offset;
-  world.xy += pointOffset;
-
-  if (u_CoordinateSystem == COORDINATE_SYSTEM_METER_OFFSET || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
-    // Needs to be divided with project_uCommonUnitsPerMeter
-    world.w *= u_PixelsPerMeter.z;
-  }
-
-  gl_Position = u_ViewProjectionMatrix * world + u_ViewportCenterProjection;
-}
-
- 
-  setPickingColor(a_PickingColor);
-
-
-}

package/lib/point/shape/extrude.js

@@ -1,74 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/point/shape/extrude.ts
-var extrude_exports = {};
-__export(extrude_exports, {
-  default: () => extrudePolygon,
-  fillPolygon: () => fillPolygon
-});
-module.exports = __toCommonJS(extrude_exports);
-var import_earcut = __toESM(require("earcut"));
-function extrudePolygon(path) {
-  const p1 = path[0][0];
-  const p2 = path[0][path[0].length - 1];
-  if (p1[0] === p2[0] && p1[1] === p2[1]) {
-    path[0] = path[0].slice(0, path[0].length - 1);
-  }
-  const n = path[0].length;
-  const flattengeo = import_earcut.default.flatten(path);
-  const positions = [];
-  const indexArray = [];
-  const normals = [];
-  for (let j = 0; j < flattengeo.vertices.length / 3; j++) {
-    flattengeo.vertices[j * 3 + 2] = 1;
-    normals.push(0, 0, 1);
-  }
-  positions.push(...flattengeo.vertices);
-  const triangles = (0, import_earcut.default)(flattengeo.vertices, flattengeo.holes, flattengeo.dimensions);
-  indexArray.push(...triangles);
-  for (let i = 0; i < n; i++) {
-    const prePoint = flattengeo.vertices.slice(i * 3, i * 3 + 3);
-    let nextPoint = flattengeo.vertices.slice(i * 3 + 3, i * 3 + 6);
-    if (nextPoint.length === 0) {
-      nextPoint = flattengeo.vertices.slice(0, 3);
-    }
-    const indexOffset = positions.length / 3;
-    positions.push(prePoint[0], prePoint[1], 1, nextPoint[0], nextPoint[1], 1, prePoint[0], prePoint[1], 0, nextPoint[0], nextPoint[1], 0);
-    indexArray.push(...[1, 2, 0, 3, 2, 1].map((v) => v + indexOffset));
-  }
-  return {
-    positions,
-    index: indexArray
-  };
-}
-function fillPolygon(points) {
-  const flattengeo = import_earcut.default.flatten(points);
-  const triangles = (0, import_earcut.default)(flattengeo.vertices, flattengeo.holes, flattengeo.dimensions);
-  return {
-    positions: flattengeo.vertices,
-    index: triangles
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fillPolygon
-});

package/lib/polygon/index.js

@@ -1,108 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/polygon/index.ts
-var polygon_exports = {};
-__export(polygon_exports, {
-  default: () => PolygonLayer
-});
-module.exports = __toCommonJS(polygon_exports);
-var import_BaseLayer = __toESM(require("../core/BaseLayer"));
-var import_models = __toESM(require("./models/"));
-var PolygonLayer = class extends import_BaseLayer.default {
-  constructor() {
-    super(...arguments);
-    this.type = "PolygonLayer";
-  }
-  buildModels() {
-    const shape = this.getModelType();
-    this.layerModel = new import_models.default[shape](this);
-    this.layerModel.initModels((models) => {
-      this.models = models;
-      this.renderLayers();
-    });
-  }
-  rebuildModels() {
-    this.layerModel.buildModels((models) => this.models = models);
-  }
-  getConfigSchema() {
-    return {
-      properties: {
-        opacity: {
-          type: "number",
-          minimum: 0,
-          maximum: 1
-        }
-      }
-    };
-  }
-  getModelType() {
-    var _a;
-    if (this.layerSource.parser.type === "mvt") {
-      return "vectorpolygon";
-    }
-    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute("shape");
-    const shape = (_a = shapeAttribute == null ? void 0 : shapeAttribute.scale) == null ? void 0 : _a.field;
-    if (shape === "fill") {
-      return "fill";
-    } else if (shape === "extrude") {
-      return "extrude";
-    } else if (shape === "water") {
-      return "water";
-    } else if (shape === "ocean") {
-      return "ocean";
-    } else if (shape === "line") {
-      return "line";
-    } else if (shape === "tile") {
-      return "tile";
-    } else {
-      return this.getPointModelType();
-    }
-  }
-  getPointModelType() {
-    const layerData = this.getEncodedData();
-    const { shape2d, shape3d } = this.getLayerConfig();
-    const iconMap = this.iconService.getIconMap();
-    const item = layerData.find((fe) => {
-      return fe.hasOwnProperty("shape");
-    });
-    if (!item) {
-      return "fill";
-    } else {
-      const shape = item.shape;
-      if (shape === "dot") {
-        return "point_normal";
-      }
-      if ((shape2d == null ? void 0 : shape2d.indexOf(shape)) !== -1) {
-        return "point_fill";
-      }
-      if ((shape3d == null ? void 0 : shape3d.indexOf(shape)) !== -1) {
-        return "point_extrude";
-      }
-      if (iconMap.hasOwnProperty(shape)) {
-        return "point_image";
-      }
-      return "text";
-    }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/polygon/models/extrude.js

@@ -1,234 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/polygon/models/extrude.ts
-var extrude_exports = {};
-__export(extrude_exports, {
-  default: () => ExtrudeModel
-});
-module.exports = __toCommonJS(extrude_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_l7_utils = require("@antv/l7-utils");
-var import_lodash = require("lodash");
-var import_BaseModel = __toESM(require("../../core/BaseModel"));
-var import_triangulation = require("../../core/triangulation");
-var import_polygon_extrude_frag = __toESM(require("../shaders/extrude/polygon_extrude_frag.glsl"));
-var import_polygon_extrude_vert = __toESM(require("../shaders/extrude/polygon_extrude_vert.glsl"));
-var import_polygon_extrudetex_frag = __toESM(require("../shaders/extrude/polygon_extrudetex_frag.glsl"));
-var import_polygon_extrudetex_vert = __toESM(require("../shaders/extrude/polygon_extrudetex_vert.glsl"));
-var import_polygon_extrude_picklight_frag = __toESM(require("../shaders/extrude/polygon_extrude_picklight_frag.glsl"));
-var import_polygon_extrude_picklight_vert = __toESM(require("../shaders/extrude/polygon_extrude_picklight_vert.glsl"));
-var ExtrudeModel = class extends import_BaseModel.default {
-  getUninforms() {
-    const {
-      opacity = 1,
-      heightfixed = false,
-      raisingHeight = 0,
-      topsurface = true,
-      sidesurface = true,
-      sourceColor,
-      targetColor
-    } = this.layer.getLayerConfig();
-    if (this.dataTextureTest && this.dataTextureNeedUpdate({ opacity })) {
-      this.judgeStyleAttributes({ opacity });
-      const encodeData = this.layer.getEncodedData();
-      const { data, width, height } = this.calDataFrame(this.cellLength, encodeData, this.cellProperties);
-      this.rowCount = height;
-      this.dataTexture = this.cellLength > 0 && data.length > 0 ? this.createTexture2D({
-        flipY: true,
-        data,
-        format: import_l7_core.gl.LUMINANCE,
-        type: import_l7_core.gl.FLOAT,
-        width,
-        height
-      }) : this.createTexture2D({
-        flipY: true,
-        data: [1],
-        format: import_l7_core.gl.LUMINANCE,
-        type: import_l7_core.gl.FLOAT,
-        width: 1,
-        height: 1
-      });
-    }
-    let useLinearColor = 0;
-    let sourceColorArr = [1, 1, 1, 1];
-    let targetColorArr = [1, 1, 1, 1];
-    if (sourceColor && targetColor) {
-      sourceColorArr = (0, import_l7_utils.rgb2arr)(sourceColor);
-      targetColorArr = (0, import_l7_utils.rgb2arr)(targetColor);
-      useLinearColor = 1;
-    }
-    return {
-      u_topsurface: Number(topsurface),
-      u_sidesurface: Number(sidesurface),
-      u_heightfixed: Number(heightfixed),
-      u_dataTexture: this.dataTexture,
-      u_cellTypeLayout: this.getCellTypeLayout(),
-      u_raisingHeight: Number(raisingHeight),
-      u_opacity: (0, import_lodash.isNumber)(opacity) ? opacity : 1,
-      u_linearColor: useLinearColor,
-      u_sourceColor: sourceColorArr,
-      u_targetColor: targetColorArr,
-      u_texture: this.texture
-    };
-  }
-  initModels(callbackModel) {
-    this.loadTexture();
-    this.buildModels(callbackModel);
-  }
-  buildModels(callbackModel) {
-    const {
-      mask = false,
-      maskInside = true
-    } = this.layer.getLayerConfig();
-    const { frag, vert, type } = this.getShaders();
-    this.layer.buildLayerModel({
-      moduleName: type,
-      vertexShader: vert,
-      fragmentShader: frag,
-      triangulation: import_triangulation.PolygonExtrudeTriangulation,
-      stencil: (0, import_l7_utils.getMask)(mask, maskInside)
-    }).then((model) => {
-      callbackModel([model]);
-    }).catch((err) => {
-      console.warn(err);
-      callbackModel([]);
-    });
-  }
-  getShaders() {
-    const {
-      pickLight,
-      mapTexture
-    } = this.layer.getLayerConfig();
-    if (mapTexture) {
-      return {
-        frag: import_polygon_extrudetex_frag.default,
-        vert: import_polygon_extrudetex_vert.default,
-        type: "polygonExtrudeTexture"
-      };
-    }
-    if (pickLight) {
-      return {
-        frag: import_polygon_extrude_picklight_frag.default,
-        vert: import_polygon_extrude_picklight_vert.default,
-        type: "polygonExtrudePickLight"
-      };
-    } else {
-      return {
-        frag: import_polygon_extrude_frag.default,
-        vert: import_polygon_extrude_vert.default,
-        type: "polygonExtrude"
-      };
-    }
-  }
-  clearModels() {
-    var _a, _b;
-    (_a = this.dataTexture) == null ? void 0 : _a.destroy();
-    (_b = this.texture) == null ? void 0 : _b.destroy();
-  }
-  registerBuiltinAttributes() {
-    const bbox = this.layer.getSource().extent;
-    const [minLng, minLat, maxLng, maxLat] = bbox;
-    const lngLen = maxLng - minLng;
-    const latLen = maxLat - minLat;
-    this.styleAttributeService.registerStyleAttribute({
-      name: "uvs",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_uvs",
-        buffer: {
-          usage: import_l7_core.gl.STATIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 3,
-        update: (feature, featureIdx, vertex, attributeIdx, normal) => {
-          const lng = vertex[0];
-          const lat = vertex[1];
-          return [(lng - minLng) / lngLen, (lat - minLat) / latLen, vertex[4]];
-        }
-      }
-    });
-    this.styleAttributeService.registerStyleAttribute({
-      name: "normal",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Normal",
-        buffer: {
-          usage: import_l7_core.gl.STATIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 3,
-        update: (feature, featureIdx, vertex, attributeIdx, normal) => {
-          return normal;
-        }
-      }
-    });
-    this.styleAttributeService.registerStyleAttribute({
-      name: "size",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Size",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 1,
-        update: (feature, featureIdx, vertex, attributeIdx) => {
-          const { size = 10 } = feature;
-          return Array.isArray(size) ? [size[0]] : [size];
-        }
-      }
-    });
-  }
-  loadTexture() {
-    const {
-      mapTexture
-    } = this.layer.getLayerConfig();
-    const { createTexture2D } = this.rendererService;
-    this.texture = createTexture2D({
-      height: 0,
-      width: 0
-    });
-    if (mapTexture) {
-      const image = new Image();
-      image.crossOrigin = "";
-      image.src = mapTexture;
-      image.onload = () => {
-        this.texture = createTexture2D({
-          data: image,
-          width: image.width,
-          height: image.height,
-          wrapS: import_l7_core.gl.CLAMP_TO_EDGE,
-          wrapT: import_l7_core.gl.CLAMP_TO_EDGE,
-          min: import_l7_core.gl.LINEAR,
-          mag: import_l7_core.gl.LINEAR
-        });
-        this.layerService.updateLayerRenderList();
-        this.layerService.renderLayers();
-      };
-    }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});