@antv/l7-layers 2.8.31 → 2.8.34

package/es/Geometry/models/plane.d.ts

@@ -2,9 +2,9 @@ import { IModelUniform, ITexture2D } from '@antv/l7-core';
 import BaseModel from '../../core/BaseModel';
 export default class PlaneModel extends BaseModel {
     protected texture: ITexture2D;
+    protected terrainImage: HTMLImageElement;
+    protected terrainImageLoaded: boolean;
     protected mapTexture: string | undefined;
-    protected positions: number[];
-    protected indices: number[];
     initPlane(width?: number, height?: number, widthSegments?: number, heightSegments?: number, lng?: number, lat?: number): {
         indices: number[];
         positions: number[];
@@ -14,21 +14,23 @@ export default class PlaneModel extends BaseModel {
         indices: number[];
         size: number;
     };
-    planeGeometryUpdateTriangulation: () => {
-        vertices: number[];
-        indices: number[];
-        size: number;
-    };
     getUninforms(): IModelUniform;
     clearModels(): void;
     initModels(): import("@antv/l7-core").IModel[];
-    getImageData(img: HTMLImageElement): ImageData;
+    buildModels(): import("@antv/l7-core").IModel[];
+    createModelData(options?: any): {
+        attributes: {
+            [attributeName: string]: import("@antv/l7-core").IAttribute;
+        };
+        elements: import("@antv/l7-core").IElements;
+    };
+    updateTexture(mapTexture: string | undefined): void;
+    protected getImageData(img: HTMLImageElement): ImageData;
+    protected translateVertex(positions: number[], indices: number[], image: HTMLImageElement, widthSegments: number, heightSegments: number, rgb2height: (r: number, g: number, b: number) => number): void;
     /**
      * load terrain texture & offset attribute z
      */
-    loadTerrainTexture(): void;
-    buildModels(): import("@antv/l7-core").IModel[];
-    updateTexture(mapTexture: string | undefined): void;
+    protected loadTerrainTexture(positions: number[], indices: number[]): void;
     protected getConfigSchema(): {
         properties: {
             opacity: {

package/es/Geometry/models/plane.js

@@ -37,11 +37,11 @@ var PlaneModel = function (_BaseModel) {
 
     _defineProperty(_assertThisInitialized(_this), "texture", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "mapTexture", void 0);
+    _defineProperty(_assertThisInitialized(_this), "terrainImage", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "positions", void 0);
+    _defineProperty(_assertThisInitialized(_this), "terrainImageLoaded", false);
 
-    _defineProperty(_assertThisInitialized(_this), "indices", void 0);
+    _defineProperty(_assertThisInitialized(_this), "mapTexture", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "planeGeometryTriangulation", function () {
       var _this2;
@@ -63,11 +63,8 @@ var PlaneModel = function (_BaseModel) {
           indices = _this$initPlane.indices,
           positions = _this$initPlane.positions;
 
-      _this.positions = positions;
-      _this.indices = indices;
-
       if (terrainTexture) {
-        _this.loadTerrainTexture();
+        _this.loadTerrainTexture(positions, indices);
       }
 
       return {
@@ -77,14 +74,6 @@ var PlaneModel = function (_BaseModel) {
       };
     });
 
-    _defineProperty(_assertThisInitialized(_this), "planeGeometryUpdateTriangulation", function () {
-      return {
-        vertices: _this.positions,
-        indices: _this.indices,
-        size: 5
-      };
-    });
-
     return _this;
   }
 
@@ -118,9 +107,9 @@ var PlaneModel = function (_BaseModel) {
             var _ref2 = this.mapService.lngLatToCoord([x + lng, -y + lat]),
                 _ref3 = _slicedToArray(_ref2, 2),
                 a = _ref3[0],
-                b = _ref3[1];
+                _b = _ref3[1];
 
-            positions.push(a, b, 0);
+            positions.push(a, _b, 0);
           } else {
             positions.push(x + lng, -y + lat, 0);
           }
@@ -134,12 +123,12 @@ var PlaneModel = function (_BaseModel) {
         for (var _ix = 0; _ix < gridX; _ix++) {
           var _a = _ix + gridX1 * _iy;
 
-          var _b = _ix + gridX1 * (_iy + 1);
+          var _b2 = _ix + gridX1 * (_iy + 1);
 
           var c = _ix + 1 + gridX1 * (_iy + 1);
           var d = _ix + 1 + gridX1 * _iy;
-          indices.push(_a, _b, d);
-          indices.push(_b, c, d);
+          indices.push(_a, _b2, d);
+          indices.push(_b2, c, d);
         }
       }
 
@@ -178,6 +167,7 @@ var PlaneModel = function (_BaseModel) {
     value: function clearModels() {
       var _this$texture2;
 
+      this.terrainImage = null;
       (_this$texture2 = this.texture) === null || _this$texture2 === void 0 ? void 0 : _this$texture2.destroy();
     }
   }, {
@@ -214,101 +204,42 @@ var PlaneModel = function (_BaseModel) {
         }
       })];
     }
-  }, {
-    key: "getImageData",
-    value: function getImageData(img) {
-      var canvas = document.createElement('canvas');
-      var ctx = canvas.getContext('2d');
-      var width = img.width,
-          height = img.height;
-      canvas.width = width;
-      canvas.height = height;
-      ctx.drawImage(img, 0, 0, width, height);
-      var imageData = ctx.getImageData(0, 0, width, height);
-      return imageData;
-    }
-  }, {
-    key: "loadTerrainTexture",
-    value: function loadTerrainTexture() {
-      var _this3 = this;
-
-      var _ref6 = this.layer.getLayerConfig(),
-          _ref6$mask = _ref6.mask,
-          mask = _ref6$mask === void 0 ? false : _ref6$mask,
-          _ref6$maskInside = _ref6.maskInside,
-          maskInside = _ref6$maskInside === void 0 ? true : _ref6$maskInside,
-          _ref6$widthSegments = _ref6.widthSegments,
-          widthSegments = _ref6$widthSegments === void 0 ? 1 : _ref6$widthSegments,
-          _ref6$heightSegments = _ref6.heightSegments,
-          heightSegments = _ref6$heightSegments === void 0 ? 1 : _ref6$heightSegments,
-          terrainTexture = _ref6.terrainTexture,
-          _ref6$rgb2height = _ref6.rgb2height,
-          rgb2height = _ref6$rgb2height === void 0 ? function (r, g, b) {
-        return r + g + b;
-      } : _ref6$rgb2height;
-
-      var terrainImage = new Image();
-      terrainImage.crossOrigin = 'anonymous';
-
-      terrainImage.onload = function () {
-        var imgWidth = terrainImage.width;
-        var imgHeight = terrainImage.height;
-
-        var imageData = _this3.getImageData(terrainImage).data;
-
-        var gridX = Math.floor(widthSegments);
-        var gridY = Math.floor(heightSegments);
-        var gridX1 = gridX + 1;
-        var gridY1 = gridY + 1;
-        var widthStep = imgWidth / gridX;
-        var heihgtStep = imgHeight / gridY;
-
-        for (var iy = 0; iy < gridY1; iy++) {
-          var imgIndexY = Math.floor(iy * heihgtStep);
-          var imgLen = imgIndexY * imgWidth;
-
-          for (var ix = 0; ix < gridX1; ix++) {
-            var imgIndexX = Math.floor(ix * widthStep);
-            var imgDataIndex = (imgLen + imgIndexX) * 4;
-            var r = imageData[imgDataIndex];
-            var g = imageData[imgDataIndex + 1];
-            var b = imageData[imgDataIndex + 2];
-            var z = (iy * gridX1 + ix) * 5 + 2;
-            _this3.positions[z] = rgb2height(r, g, b);
-          }
-        }
-
-        _this3.layer.models = [_this3.layer.buildLayerModel({
-          moduleName: 'geometry_plane',
-          vertexShader: planeVert,
-          fragmentShader: planeFrag,
-          triangulation: _this3.planeGeometryUpdateTriangulation,
-          primitive: gl.TRIANGLES,
-          depth: {
-            enable: true
-          },
-          blend: _this3.getBlend(),
-          stencil: getMask(mask, maskInside),
-          cull: {
-            enable: true,
-            face: gl.BACK
-          }
-        })];
-
-        _this3.layerService.renderLayers();
-      };
-
-      terrainImage.src = terrainTexture;
-    }
   }, {
     key: "buildModels",
     value: function buildModels() {
       return this.initModels();
     }
+  }, {
+    key: "createModelData",
+    value: function createModelData(options) {
+      if (options) {
+        var _ref6 = this.layer.getLayerConfig(),
+            oldwidthSegments = _ref6.widthSegments,
+            oldheightSegments = _ref6.heightSegments,
+            oldwidth = _ref6.width,
+            oldheight = _ref6.height;
+
+        var _ref7 = options,
+            widthSegments = _ref7.widthSegments,
+            heightSegments = _ref7.heightSegments,
+            width = _ref7.width,
+            height = _ref7.height;
+        this.layer.style({
+          widthSegments: widthSegments !== undefined ? widthSegments : oldwidthSegments,
+          heightSegments: heightSegments !== undefined ? heightSegments : oldheightSegments,
+          width: width !== undefined ? width : oldwidth,
+          height: height !== undefined ? height : oldheight
+        });
+      }
+
+      var oldFeatures = this.layer.getEncodedData();
+      var res = this.styleAttributeService.createAttributesAndIndices(oldFeatures, this.planeGeometryTriangulation);
+      return res;
+    }
   }, {
     key: "updateTexture",
     value: function updateTexture(mapTexture) {
-      var _this4 = this;
+      var _this3 = this;
 
       var createTexture2D = this.rendererService.createTexture2D;
 
@@ -317,7 +248,7 @@ var PlaneModel = function (_BaseModel) {
         img.crossOrigin = 'anonymous';
 
         img.onload = function () {
-          _this4.texture = createTexture2D({
+          _this3.texture = createTexture2D({
             data: img,
             width: img.width,
             height: img.height,
@@ -325,9 +256,9 @@ var PlaneModel = function (_BaseModel) {
             wrapT: gl.CLAMP_TO_EDGE
           });
 
-          _this4.layerService.updateLayerRenderList();
+          _this3.layerService.updateLayerRenderList();
 
-          _this4.layerService.renderLayers();
+          _this3.layerService.renderLayers();
         };
 
         img.src = mapTexture;
@@ -338,6 +269,99 @@ var PlaneModel = function (_BaseModel) {
         });
       }
     }
+  }, {
+    key: "getImageData",
+    value: function getImageData(img) {
+      var canvas = document.createElement('canvas');
+      var ctx = canvas.getContext('2d');
+      var width = img.width,
+          height = img.height;
+      canvas.width = width;
+      canvas.height = height;
+      ctx.drawImage(img, 0, 0, width, height);
+      var imageData = ctx.getImageData(0, 0, width, height);
+      return imageData;
+    }
+  }, {
+    key: "translateVertex",
+    value: function translateVertex(positions, indices, image, widthSegments, heightSegments, rgb2height) {
+      var imgWidth = image.width;
+      var imgHeight = image.height;
+      var imageData = this.getImageData(image).data;
+      var gridX = Math.floor(widthSegments);
+      var gridY = Math.floor(heightSegments);
+      var gridX1 = gridX + 1;
+      var gridY1 = gridY + 1;
+      var widthStep = imgWidth / gridX;
+      var heihgtStep = imgHeight / gridY;
+
+      for (var iy = 0; iy < gridY1; iy++) {
+        var imgIndexY = Math.floor(iy * heihgtStep);
+        var imgLen = imgIndexY * imgWidth;
+
+        for (var ix = 0; ix < gridX1; ix++) {
+          var imgIndexX = Math.floor(ix * widthStep);
+          var imgDataIndex = (imgLen + imgIndexX) * 4;
+          var _r = imageData[imgDataIndex];
+          var _g = imageData[imgDataIndex + 1];
+          var _b3 = imageData[imgDataIndex + 2];
+          var z = (iy * gridX1 + ix) * 5 + 2;
+          positions[z] = rgb2height(_r, _g, _b3);
+        }
+      }
+
+      var oldFeatures = this.layer.getEncodedData();
+      var modelData = this.styleAttributeService.createAttributesAndIndices(oldFeatures, function () {
+        return {
+          vertices: positions,
+          indices: indices,
+          size: 5
+        };
+      });
+      this.layer.updateModelData(modelData);
+      this.layerService.renderLayers();
+    }
+  }, {
+    key: "loadTerrainTexture",
+    value: function loadTerrainTexture(positions, indices) {
+      var _this4 = this;
+
+      var _ref8 = this.layer.getLayerConfig(),
+          _ref8$widthSegments = _ref8.widthSegments,
+          widthSegments = _ref8$widthSegments === void 0 ? 1 : _ref8$widthSegments,
+          _ref8$heightSegments = _ref8.heightSegments,
+          heightSegments = _ref8$heightSegments === void 0 ? 1 : _ref8$heightSegments,
+          terrainTexture = _ref8.terrainTexture,
+          _ref8$rgb2height = _ref8.rgb2height,
+          rgb2height = _ref8$rgb2height === void 0 ? function (r, g, b) {
+        return r + g + b;
+      } : _ref8$rgb2height;
+
+      if (this.terrainImage) {
+        if (this.terrainImageLoaded) {
+          this.translateVertex(positions, indices, this.terrainImage, widthSegments, heightSegments, rgb2height);
+        } else {
+          this.terrainImage.onload = function () {
+            _this4.translateVertex(positions, indices, _this4.terrainImage, widthSegments, heightSegments, rgb2height);
+          };
+        }
+      } else {
+        var terrainImage = new Image();
+        this.terrainImage = terrainImage;
+        terrainImage.crossOrigin = 'anonymous';
+
+        terrainImage.onload = function () {
+          _this4.terrainImageLoaded = true;
+          setTimeout(function () {
+            return _this4.layer.emit('terrainImageLoaded', null);
+          });
+
+          _this4.translateVertex(positions, indices, terrainImage, widthSegments, heightSegments, rgb2height);
+        };
+
+        terrainImage.src = terrainTexture;
+      }
+    }
   }, {
     key: "getConfigSchema",
     value: function getConfigSchema() {

package/es/Geometry/models/plane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Geometry/models/plane.ts"],"names":["AttributeType","gl","Version","getMask","BaseModel","PlaneModel","layer","getLayerConfig","width","height","widthSegments","heightSegments","center","terrainTexture","initPlane","indices","positions","loadTerrainTexture","vertices","size","lng","lat","widthHalf","heightHalf","gridX","Math","floor","gridY","gridX1","gridY1","segmentWidth","segmentHeight","iy","y","ix","x","mapService","version","lngLatToCoord","a","b","push","c","d","opacity","mapTexture","terrainClipHeight","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_terrainClipHeight","u_texture","mask","maskInside","createTexture2D","rendererService","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","TRIANGLES","depth","enable","blend","getBlend","stencil","cull","face","BACK","img","canvas","document","createElement","ctx","getContext","drawImage","imageData","getImageData","rgb2height","r","g","terrainImage","Image","crossOrigin","onload","imgWidth","imgHeight","data","widthStep","heihgtStep","imgIndexY","imgLen","imgIndexX","imgDataIndex","z","models","planeGeometryUpdateTriangulation","layerService","renderLayers","src","initModels","wrapS","CLAMP_TO_EDGE","wrapT","updateLayerRenderList","properties","type","minimum","maximum","styleAttributeService","registerStyleAttribute","name","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","FLOAT","update","feature","featureIdx","vertex","attributeIdx"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IEncodeFeature,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\nimport { getMask, isMini } from '@antv/l7-utils';\n// import { mat4, vec3 } from 'gl-matrix';\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport planeFrag from '../shaders/plane_frag.glsl';\nimport planeVert from '../shaders/plane_vert.glsl';\n\nexport default class PlaneModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected mapTexture: string | undefined;\n  protected positions: number[];\n  protected indices: number[];\n\n  public initPlane(\n    width = 1,\n    height = 1,\n    widthSegments = 1,\n    heightSegments = 1,\n    lng = 120,\n    lat = 30,\n  ) {\n    // https://github.com/mrdoob/three.js/blob/dev/src/geometries/PlaneGeometry.js\n    const widthHalf = width / 2;\n    const heightHalf = height / 2;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const segmentWidth = width / gridX;\n    const segmentHeight = height / gridY;\n\n    const indices = [];\n    const positions = [];\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const y = iy * segmentHeight - heightHalf;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const x = ix * segmentWidth - widthHalf;\n        if (this.mapService.version === Version['GAODE2.x']) {\n          // @ts-ignore\n          const [a, b] = this.mapService.lngLatToCoord([x + lng, -y + lat]) as [\n            number,\n            number,\n          ];\n          positions.push(a, b, 0);\n        } else {\n          positions.push(x + lng, -y + lat, 0);\n        }\n\n        positions.push(ix / gridX);\n        positions.push(1 - iy / gridY);\n      }\n    }\n\n    for (let iy = 0; iy < gridY; iy++) {\n      for (let ix = 0; ix < gridX; ix++) {\n        const a = ix + gridX1 * iy;\n        const b = ix + gridX1 * (iy + 1);\n        const c = ix + 1 + gridX1 * (iy + 1);\n        const d = ix + 1 + gridX1 * iy;\n\n        indices.push(a, b, d);\n        indices.push(b, c, d);\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryTriangulation = () => {\n    const {\n      width = 1,\n      height = 1,\n      widthSegments = 1,\n      heightSegments = 1,\n      center = [120, 30],\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    const { indices, positions } = this.initPlane(\n      width,\n      height,\n      widthSegments,\n      heightSegments,\n      ...center,\n    );\n    this.positions = positions;\n    this.indices = indices;\n\n    if (terrainTexture) {\n      // 存在地形贴图的时候会根据地形贴图对顶点进行偏移\n      this.loadTerrainTexture();\n    }\n\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n  public planeGeometryUpdateTriangulation = () => {\n    return {\n      vertices: this.positions,\n      indices: this.indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      terrainClipHeight = 0,\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.mapTexture !== mapTexture) {\n      this.mapTexture = mapTexture;\n      this.texture?.destroy();\n      this.updateTexture(mapTexture);\n    }\n    return {\n      u_opacity: opacity || 1,\n      u_mapFlag: mapTexture ? 1 : 0,\n      u_terrainClipHeight: terrainTexture ? terrainClipHeight : -1,\n      u_texture: this.texture,\n      // u_ModelMatrix: mat4.translate(mat4.create(), mat4.create(), [1, 0, 0])\n      // u_ModelMatrix: mat4.rotateZ(mat4.create(), mat4.create(), 10)\n      // u_ModelMatrix: mat4.rotateZ(mat4.create(), mat4.create(), 10)\n      // u_ModelMatrix: this.rotateZ()\n    };\n  }\n\n  public clearModels(): void {\n    this.texture?.destroy();\n  }\n\n  public initModels() {\n    const {\n      mask = false,\n      maskInside = true,\n      mapTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'geometry_plane',\n        vertexShader: planeVert,\n        fragmentShader: planeFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.TRIANGLES,\n        depth: { enable: true },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n        cull: {\n          enable: true,\n          face: gl.BACK, // gl.FRONT | gl.BACK;\n        },\n      }),\n    ];\n  }\n\n  public getImageData(img: HTMLImageElement) {\n    const canvas: HTMLCanvasElement = document.createElement('canvas');\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    const { width, height } = img;\n    canvas.width = width;\n    canvas.height = height;\n\n    ctx.drawImage(img, 0, 0, width, height);\n    const imageData = ctx.getImageData(0, 0, width, height);\n\n    return imageData;\n  }\n\n  /**\n   * load terrain texture & offset attribute z\n   */\n  public loadTerrainTexture(): void {\n    const {\n      mask = false,\n      maskInside = true,\n      widthSegments = 1,\n      heightSegments = 1,\n      terrainTexture,\n      rgb2height = (r: number, g: number, b: number) => r + g + b,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const terrainImage = new Image();\n    terrainImage.crossOrigin = 'anonymous';\n    terrainImage.onload = () => {\n      const imgWidth = terrainImage.width;\n      const imgHeight = terrainImage.height;\n\n      const imageData = this.getImageData(terrainImage).data;\n\n      const gridX = Math.floor(widthSegments);\n      const gridY = Math.floor(heightSegments);\n\n      const gridX1 = gridX + 1;\n      const gridY1 = gridY + 1;\n\n      const widthStep = imgWidth / gridX;\n      const heihgtStep = imgHeight / gridY;\n\n      for (let iy = 0; iy < gridY1; iy++) {\n        const imgIndexY = Math.floor(iy * heihgtStep);\n        const imgLen = imgIndexY * imgWidth;\n\n        for (let ix = 0; ix < gridX1; ix++) {\n          const imgIndexX = Math.floor(ix * widthStep);\n          const imgDataIndex = (imgLen + imgIndexX) * 4;\n\n          const r = imageData[imgDataIndex];\n          const g = imageData[imgDataIndex + 1];\n          const b = imageData[imgDataIndex + 2];\n\n          const z = (iy * gridX1 + ix) * 5 + 2;\n          this.positions[z] = rgb2height(r, g, b);\n        }\n      }\n\n      this.layer.models = [\n        this.layer.buildLayerModel({\n          moduleName: 'geometry_plane',\n          vertexShader: planeVert,\n          fragmentShader: planeFrag,\n          triangulation: this.planeGeometryUpdateTriangulation,\n          primitive: gl.TRIANGLES,\n          depth: { enable: true },\n          blend: this.getBlend(),\n          stencil: getMask(mask, maskInside),\n          cull: {\n            enable: true,\n            face: gl.BACK,\n          },\n        }),\n      ];\n      this.layerService.renderLayers();\n    };\n    terrainImage.src = terrainTexture as string;\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  public updateTexture(mapTexture: string | undefined): void {\n    const { createTexture2D } = this.rendererService;\n\n    if (mapTexture) {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => {\n        this.texture = createTexture2D({\n          data: img,\n          width: img.width,\n          height: img.height,\n          wrapS: gl.CLAMP_TO_EDGE,\n          wrapT: gl.CLAMP_TO_EDGE,\n        });\n        this.layerService.updateLayerRenderList();\n        this.layerService.renderLayers();\n      };\n      img.src = mapTexture;\n    } else {\n      this.texture = createTexture2D({\n        width: 0,\n        height: 0,\n      });\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4]];\n        },\n      },\n    });\n  }\n}\n"],"file":"plane.js"}
+{"version":3,"sources":["../../../src/Geometry/models/plane.ts"],"names":["AttributeType","gl","Version","getMask","BaseModel","PlaneModel","layer","getLayerConfig","width","height","widthSegments","heightSegments","center","terrainTexture","initPlane","indices","positions","loadTerrainTexture","vertices","size","lng","lat","widthHalf","heightHalf","gridX","Math","floor","gridY","gridX1","gridY1","segmentWidth","segmentHeight","iy","y","ix","x","mapService","version","lngLatToCoord","a","b","push","c","d","opacity","mapTexture","terrainClipHeight","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_terrainClipHeight","u_texture","terrainImage","mask","maskInside","createTexture2D","rendererService","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","TRIANGLES","depth","enable","blend","getBlend","stencil","cull","face","BACK","initModels","options","oldwidthSegments","oldheightSegments","oldwidth","oldheight","style","undefined","oldFeatures","getEncodedData","res","styleAttributeService","createAttributesAndIndices","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","renderLayers","src","canvas","document","createElement","ctx","getContext","drawImage","imageData","getImageData","image","rgb2height","imgWidth","imgHeight","widthStep","heihgtStep","imgIndexY","imgLen","imgIndexX","imgDataIndex","r","g","z","modelData","updateModelData","terrainImageLoaded","translateVertex","setTimeout","emit","properties","type","minimum","maximum","registerStyleAttribute","name","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","FLOAT","update","feature","featureIdx","vertex","attributeIdx"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAttrubuteAndElements,\n  IEncodeFeature,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\nimport { getMask, isMini } from '@antv/l7-utils';\n// import { mat4, vec3 } from 'gl-matrix';\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport planeFrag from '../shaders/plane_frag.glsl';\nimport planeVert from '../shaders/plane_vert.glsl';\n\nexport default class PlaneModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected terrainImage: HTMLImageElement;\n  protected terrainImageLoaded: boolean = false;\n  protected mapTexture: string | undefined;\n\n  public initPlane(\n    width = 1,\n    height = 1,\n    widthSegments = 1,\n    heightSegments = 1,\n    lng = 120,\n    lat = 30,\n  ) {\n    // https://github.com/mrdoob/three.js/blob/dev/src/geometries/PlaneGeometry.js\n    const widthHalf = width / 2;\n    const heightHalf = height / 2;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const segmentWidth = width / gridX;\n    const segmentHeight = height / gridY;\n\n    const indices = [];\n    const positions = [];\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const y = iy * segmentHeight - heightHalf;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const x = ix * segmentWidth - widthHalf;\n        if (this.mapService.version === Version['GAODE2.x']) {\n          // @ts-ignore\n          const [a, b] = this.mapService.lngLatToCoord([x + lng, -y + lat]) as [\n            number,\n            number,\n          ];\n          positions.push(a, b, 0);\n        } else {\n          positions.push(x + lng, -y + lat, 0);\n        }\n\n        positions.push(ix / gridX);\n        positions.push(1 - iy / gridY);\n      }\n    }\n\n    for (let iy = 0; iy < gridY; iy++) {\n      for (let ix = 0; ix < gridX; ix++) {\n        const a = ix + gridX1 * iy;\n        const b = ix + gridX1 * (iy + 1);\n        const c = ix + 1 + gridX1 * (iy + 1);\n        const d = ix + 1 + gridX1 * iy;\n\n        indices.push(a, b, d);\n        indices.push(b, c, d);\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryTriangulation = () => {\n    const {\n      width = 1,\n      height = 1,\n      widthSegments = 1,\n      heightSegments = 1,\n      center = [120, 30],\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const { indices, positions } = this.initPlane(\n      width,\n      height,\n      widthSegments,\n      heightSegments,\n      ...center,\n    );\n    if (terrainTexture) {\n      // 存在地形贴图的时候会根据地形贴图对顶点进行偏移\n      this.loadTerrainTexture(positions, indices);\n    }\n\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      terrainClipHeight = 0,\n      terrainTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.mapTexture !== mapTexture) {\n      this.mapTexture = mapTexture;\n      this.texture?.destroy();\n      this.updateTexture(mapTexture);\n    }\n    return {\n      u_opacity: opacity || 1,\n      u_mapFlag: mapTexture ? 1 : 0,\n      u_terrainClipHeight: terrainTexture ? terrainClipHeight : -1,\n      u_texture: this.texture,\n    };\n  }\n\n  public clearModels(): void {\n    // @ts-ignore\n    this.terrainImage = null;\n    this.texture?.destroy();\n  }\n\n  public initModels() {\n    const {\n      mask = false,\n      maskInside = true,\n      mapTexture,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'geometry_plane',\n        vertexShader: planeVert,\n        fragmentShader: planeFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.TRIANGLES,\n        // primitive: gl.LINES,\n        depth: { enable: true },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n        cull: {\n          enable: true,\n          face: gl.BACK, // gl.FRONT | gl.BACK;\n        },\n      }),\n    ];\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  public createModelData(options?: any) {\n    if (options) {\n      const {\n        widthSegments: oldwidthSegments,\n        heightSegments: oldheightSegments,\n        width: oldwidth,\n        height: oldheight,\n      } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n      const {\n        widthSegments,\n        heightSegments,\n        width,\n        height,\n      } = options as IGeometryLayerStyleOptions;\n      this.layer.style({\n        widthSegments:\n          widthSegments !== undefined ? widthSegments : oldwidthSegments,\n        heightSegments:\n          heightSegments !== undefined ? heightSegments : oldheightSegments,\n        width: width !== undefined ? width : oldwidth,\n        height: height !== undefined ? height : oldheight,\n      });\n    }\n    const oldFeatures = this.layer.getEncodedData();\n    const res = this.styleAttributeService.createAttributesAndIndices(\n      oldFeatures,\n      this.planeGeometryTriangulation,\n    );\n    return res;\n  }\n\n  public updateTexture(mapTexture: string | undefined): void {\n    const { createTexture2D } = this.rendererService;\n\n    if (mapTexture) {\n      const img = new Image();\n      img.crossOrigin = 'anonymous';\n      img.onload = () => {\n        this.texture = createTexture2D({\n          data: img,\n          width: img.width,\n          height: img.height,\n          wrapS: gl.CLAMP_TO_EDGE,\n          wrapT: gl.CLAMP_TO_EDGE,\n        });\n        this.layerService.updateLayerRenderList();\n        this.layerService.renderLayers();\n      };\n      img.src = mapTexture;\n    } else {\n      this.texture = createTexture2D({\n        width: 0,\n        height: 0,\n      });\n    }\n  }\n\n  protected getImageData(img: HTMLImageElement) {\n    const canvas: HTMLCanvasElement = document.createElement('canvas');\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    const { width, height } = img;\n    canvas.width = width;\n    canvas.height = height;\n\n    ctx.drawImage(img, 0, 0, width, height);\n    const imageData = ctx.getImageData(0, 0, width, height);\n\n    return imageData;\n  }\n\n  protected translateVertex(\n    positions: number[],\n    indices: number[],\n    image: HTMLImageElement,\n    widthSegments: number,\n    heightSegments: number,\n    rgb2height: (r: number, g: number, b: number) => number,\n  ) {\n    const imgWidth = image.width;\n    const imgHeight = image.height;\n    const imageData = this.getImageData(image).data;\n\n    const gridX = Math.floor(widthSegments);\n    const gridY = Math.floor(heightSegments);\n\n    const gridX1 = gridX + 1;\n    const gridY1 = gridY + 1;\n\n    const widthStep = imgWidth / gridX;\n    const heihgtStep = imgHeight / gridY;\n\n    for (let iy = 0; iy < gridY1; iy++) {\n      const imgIndexY = Math.floor(iy * heihgtStep);\n      const imgLen = imgIndexY * imgWidth;\n\n      for (let ix = 0; ix < gridX1; ix++) {\n        const imgIndexX = Math.floor(ix * widthStep);\n        const imgDataIndex = (imgLen + imgIndexX) * 4;\n\n        const r = imageData[imgDataIndex];\n        const g = imageData[imgDataIndex + 1];\n        const b = imageData[imgDataIndex + 2];\n\n        const z = (iy * gridX1 + ix) * 5 + 2;\n        positions[z] = rgb2height(r, g, b);\n      }\n    }\n\n    const oldFeatures = this.layer.getEncodedData();\n    const modelData = this.styleAttributeService.createAttributesAndIndices(\n      oldFeatures,\n      () => {\n        return {\n          vertices: positions,\n          indices,\n          size: 5,\n        };\n      },\n    );\n    this.layer.updateModelData(modelData as IAttrubuteAndElements);\n    this.layerService.renderLayers();\n  }\n\n  /**\n   * load terrain texture & offset attribute z\n   */\n  protected loadTerrainTexture(positions: number[], indices: number[]) {\n    const {\n      widthSegments = 1,\n      heightSegments = 1,\n      terrainTexture,\n      rgb2height = (r: number, g: number, b: number) => r + g + b,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    if (this.terrainImage) {\n      // 若当前已经存在 image，直接进行偏移计算（LOD）\n      if (this.terrainImageLoaded) {\n        this.translateVertex(\n          positions,\n          indices,\n          this.terrainImage,\n          widthSegments,\n          heightSegments,\n          rgb2height,\n        );\n      } else {\n        this.terrainImage.onload = () => {\n          this.translateVertex(\n            positions,\n            indices,\n            this.terrainImage,\n            widthSegments,\n            heightSegments,\n            rgb2height,\n          );\n        };\n      }\n    } else {\n      // 加载地形贴图、根据地形贴图对 planeGeometry 进行偏移\n      const terrainImage = new Image();\n      this.terrainImage = terrainImage;\n      terrainImage.crossOrigin = 'anonymous';\n      terrainImage.onload = () => {\n        this.terrainImageLoaded = true;\n        // 图片加载完，触发事件，可以进行地形图的顶点计算存储\n        setTimeout(() => this.layer.emit('terrainImageLoaded', null));\n        this.translateVertex(\n          positions,\n          indices,\n          terrainImage,\n          widthSegments,\n          heightSegments,\n          rgb2height,\n        );\n      };\n      terrainImage.src = terrainTexture as string;\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4]];\n        },\n      },\n    });\n  }\n}\n"],"file":"plane.js"}

package/es/canvas/models/canvas.js

@@ -143,7 +143,9 @@ var CanvaModel = function (_BaseModel) {
     key: "clearModels",
     value: function clearModels() {
       if (this.canvas) {
-        document.removeChild(this.canvas);
+        var _this$mapService$getC;
+
+        (_this$mapService$getC = this.mapService.getContainer()) === null || _this$mapService$getC === void 0 ? void 0 : _this$mapService$getC.removeChild(this.canvas);
         this.canvas = null;
       }
 
@@ -166,7 +168,7 @@ var CanvaModel = function (_BaseModel) {
   }, {
     key: "initCanvas",
     value: function initCanvas() {
-      var _this$mapService$getC;
+      var _this$mapService$getC2;
 
       var _ref4 = this.layer.getLayerConfig(),
           zIndex = _ref4.zIndex;
@@ -193,7 +195,7 @@ var CanvaModel = function (_BaseModel) {
       canvas.style.top = '0';
       canvas.style.left = '0';
       canvas.style.zIndex = zIndex + '';
-      (_this$mapService$getC = this.mapService.getContainer()) === null || _this$mapService$getC === void 0 ? void 0 : _this$mapService$getC.appendChild(canvas);
+      (_this$mapService$getC2 = this.mapService.getContainer()) === null || _this$mapService$getC2 === void 0 ? void 0 : _this$mapService$getC2.appendChild(canvas);
       var ctx = canvas.getContext('2d');
       this.ctx = ctx;
     }

package/es/canvas/models/canvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/canvas/models/canvas.ts"],"names":["BaseModel","CanvasUpdateType","CanvaModel","ALWAYS","layer","getLayerConfig","zIndex","update","animateOption","enable","duration","canvas","style","updateMode","unBindListener","bindListener","renderCanvas","mapService","off","clearCanvas","on","ctx","rendererService","getViewportSize","w","width","h","height","clearRect","viewWidth","viewHeight","prevSize","size","getSize","drawingOnCanvas","document","removeChild","initCanvas","getContainer","createElement","pointerEvents","position","top","left","appendChild","getContext","initModels"],"mappings":"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","sourcesContent":["import { ILayerConfig, IModelUniform } from '@antv/l7-core';\nimport BaseModel from '../../core/BaseModel';\nimport {\n  CanvasUpdateType,\n  ICanvasLayerStyleOptions,\n  IDrawingOnCanvas,\n} from '../../core/interface';\n\nexport default class CanvaModel extends BaseModel {\n  protected updateMode: CanvasUpdateType = CanvasUpdateType.ALWAYS;\n  protected canvas: HTMLCanvasElement;\n  protected ctx: CanvasRenderingContext2D;\n  protected prevSize: [number, number];\n\n  public renderUpdate = () => {\n    const {\n      zIndex = 10,\n      update = CanvasUpdateType.ALWAYS,\n      animateOption = { enable: false, duration: 20 },\n    } = this.layer.getLayerConfig() as Partial<\n      ICanvasLayerStyleOptions & ILayerConfig\n    >;\n    if (+this.canvas.style.zIndex === zIndex) {\n      this.canvas.style.zIndex = zIndex + '';\n    }\n    if (this.updateMode !== update) {\n      this.updateMode = update as CanvasUpdateType;\n      this.unBindListener();\n      this.bindListener();\n    }\n    if (this.updateMode === CanvasUpdateType.ALWAYS && animateOption.enable) {\n      this.renderCanvas();\n    }\n  };\n\n  public unBindListener = () => {\n    this.mapService.off('mapchange', this.renderCanvas);\n    this.mapService.off('zoomstart', this.clearCanvas);\n    this.mapService.off('zoomend', this.renderCanvas);\n    this.mapService.off('movestart', this.clearCanvas);\n    this.mapService.off('moveend', this.renderCanvas);\n  };\n\n  public bindListener = () => {\n    if (this.updateMode === CanvasUpdateType.ALWAYS) {\n      this.mapService.on('mapchange', this.renderCanvas);\n    } else {\n      this.mapService.on('zoomstart', this.clearCanvas);\n      this.mapService.on('zoomend', this.renderCanvas);\n      this.mapService.on('movestart', this.clearCanvas);\n      this.mapService.on('moveend', this.renderCanvas);\n    }\n  };\n\n  public clearModels(): void {\n    if (this.canvas) {\n      document.removeChild(this.canvas);\n      // @ts-ignore\n      this.canvas = null;\n    }\n    this.unBindListener();\n  }\n\n  public initModels() {\n    const {\n      update = CanvasUpdateType.ALWAYS,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    this.updateMode = update as CanvasUpdateType;\n    this.initCanvas();\n\n    this.renderCanvas();\n\n    this.bindListener();\n\n    this.mapService.getContainer();\n    return [];\n  }\n\n  public initCanvas(): void {\n    const { zIndex } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    const size = this.mapService.getSize();\n    const [width, height] = size;\n    const {\n      width: viewWidth,\n      height: viewHeight,\n    } = this.rendererService.getViewportSize();\n    this.prevSize = [viewWidth, viewHeight];\n\n    const canvas = document.createElement('canvas');\n    this.canvas = canvas;\n    canvas.width = viewWidth;\n    canvas.height = viewHeight;\n    canvas.style.pointerEvents = 'none';\n    canvas.style.width = width + 'px';\n    canvas.style.height = height + 'px';\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.left = '0';\n    canvas.style.zIndex = zIndex + '';\n    this.mapService.getContainer()?.appendChild(canvas);\n\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    this.ctx = ctx;\n  }\n\n  public clearCanvas = () => {\n    if (this.ctx) {\n      const { width: w, height: h } = this.rendererService.getViewportSize();\n      this.ctx.clearRect(0, 0, w, h);\n    }\n  };\n\n  public renderCanvas = () => {\n    const {\n      width: viewWidth,\n      height: viewHeight,\n    } = this.rendererService.getViewportSize();\n    if (this.prevSize[0] !== viewWidth || this.prevSize[1] !== viewHeight) {\n      this.prevSize = [viewWidth, viewHeight];\n      const size = this.mapService.getSize();\n      const [width, height] = size;\n      this.canvas.width = viewWidth;\n      this.canvas.height = viewHeight;\n      this.canvas.style.width = width + 'px';\n      this.canvas.style.height = height + 'px';\n    }\n\n    const {\n      drawingOnCanvas,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n\n    if (this.ctx) {\n      drawingOnCanvas({\n        canvas: this.canvas,\n        ctx: this.ctx,\n        mapService: this.mapService,\n        size: [viewWidth, viewHeight],\n      });\n    }\n  };\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  protected registerBuiltinAttributes() {\n    return;\n  }\n}\n"],"file":"canvas.js"}
+{"version":3,"sources":["../../../src/canvas/models/canvas.ts"],"names":["BaseModel","CanvasUpdateType","CanvaModel","ALWAYS","layer","getLayerConfig","zIndex","update","animateOption","enable","duration","canvas","style","updateMode","unBindListener","bindListener","renderCanvas","mapService","off","clearCanvas","on","ctx","rendererService","getViewportSize","w","width","h","height","clearRect","viewWidth","viewHeight","prevSize","size","getSize","drawingOnCanvas","getContainer","removeChild","initCanvas","document","createElement","pointerEvents","position","top","left","appendChild","getContext","initModels"],"mappings":"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","sourcesContent":["import { ILayerConfig, IModelUniform } from '@antv/l7-core';\nimport BaseModel from '../../core/BaseModel';\nimport {\n  CanvasUpdateType,\n  ICanvasLayerStyleOptions,\n  IDrawingOnCanvas,\n} from '../../core/interface';\n\nexport default class CanvaModel extends BaseModel {\n  protected updateMode: CanvasUpdateType = CanvasUpdateType.ALWAYS;\n  protected canvas: HTMLCanvasElement;\n  protected ctx: CanvasRenderingContext2D;\n  protected prevSize: [number, number];\n\n  public renderUpdate = () => {\n    const {\n      zIndex = 10,\n      update = CanvasUpdateType.ALWAYS,\n      animateOption = { enable: false, duration: 20 },\n    } = this.layer.getLayerConfig() as Partial<\n      ICanvasLayerStyleOptions & ILayerConfig\n    >;\n    if (+this.canvas.style.zIndex === zIndex) {\n      this.canvas.style.zIndex = zIndex + '';\n    }\n    if (this.updateMode !== update) {\n      this.updateMode = update as CanvasUpdateType;\n      this.unBindListener();\n      this.bindListener();\n    }\n    if (this.updateMode === CanvasUpdateType.ALWAYS && animateOption.enable) {\n      this.renderCanvas();\n    }\n  };\n\n  public unBindListener = () => {\n    this.mapService.off('mapchange', this.renderCanvas);\n    this.mapService.off('zoomstart', this.clearCanvas);\n    this.mapService.off('zoomend', this.renderCanvas);\n    this.mapService.off('movestart', this.clearCanvas);\n    this.mapService.off('moveend', this.renderCanvas);\n  };\n\n  public bindListener = () => {\n    if (this.updateMode === CanvasUpdateType.ALWAYS) {\n      this.mapService.on('mapchange', this.renderCanvas);\n    } else {\n      this.mapService.on('zoomstart', this.clearCanvas);\n      this.mapService.on('zoomend', this.renderCanvas);\n      this.mapService.on('movestart', this.clearCanvas);\n      this.mapService.on('moveend', this.renderCanvas);\n    }\n  };\n\n  public clearModels(): void {\n    if (this.canvas) {\n      this.mapService.getContainer()?.removeChild(this.canvas);\n      // @ts-ignore\n      this.canvas = null;\n    }\n    this.unBindListener();\n  }\n\n  public initModels() {\n    const {\n      update = CanvasUpdateType.ALWAYS,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    this.updateMode = update as CanvasUpdateType;\n    this.initCanvas();\n\n    this.renderCanvas();\n\n    this.bindListener();\n\n    this.mapService.getContainer();\n    return [];\n  }\n\n  public initCanvas(): void {\n    const { zIndex } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    const size = this.mapService.getSize();\n    const [width, height] = size;\n    const {\n      width: viewWidth,\n      height: viewHeight,\n    } = this.rendererService.getViewportSize();\n    this.prevSize = [viewWidth, viewHeight];\n\n    const canvas = document.createElement('canvas');\n    this.canvas = canvas;\n    canvas.width = viewWidth;\n    canvas.height = viewHeight;\n    canvas.style.pointerEvents = 'none';\n    canvas.style.width = width + 'px';\n    canvas.style.height = height + 'px';\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.left = '0';\n    canvas.style.zIndex = zIndex + '';\n    this.mapService.getContainer()?.appendChild(canvas);\n\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    this.ctx = ctx;\n  }\n\n  public clearCanvas = () => {\n    if (this.ctx) {\n      const { width: w, height: h } = this.rendererService.getViewportSize();\n      this.ctx.clearRect(0, 0, w, h);\n    }\n  };\n\n  public renderCanvas = () => {\n    const {\n      width: viewWidth,\n      height: viewHeight,\n    } = this.rendererService.getViewportSize();\n    if (this.prevSize[0] !== viewWidth || this.prevSize[1] !== viewHeight) {\n      this.prevSize = [viewWidth, viewHeight];\n      const size = this.mapService.getSize();\n      const [width, height] = size;\n      this.canvas.width = viewWidth;\n      this.canvas.height = viewHeight;\n      this.canvas.style.width = width + 'px';\n      this.canvas.style.height = height + 'px';\n    }\n\n    const {\n      drawingOnCanvas,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n\n    if (this.ctx) {\n      drawingOnCanvas({\n        canvas: this.canvas,\n        ctx: this.ctx,\n        mapService: this.mapService,\n        size: [viewWidth, viewHeight],\n      });\n    }\n  };\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  protected registerBuiltinAttributes() {\n    return;\n  }\n}\n"],"file":"canvas.js"}

package/es/core/BaseLayer.d.ts

@@ -1,5 +1,5 @@
 import { SyncBailHook, SyncHook, SyncWaterfallHook } from '@antv/async-hook';
-import { BlendType, IActiveOption, IAnimateOption, ICameraService, ICoordinateSystemService, IDataState, IEncodeFeature, IFontService, IGlobalConfigService, IIconService, IInteractionService, ILayer, ILayerConfig, ILayerModel, ILayerModelInitializationOptions, ILayerPlugin, ILayerService, IMapService, IModel, IModelInitializationOptions, IMultiPassRenderer, IPass, IPickingService, IPostProcessingPass, IRendererService, IScale, IScaleOptions, IShaderModuleService, ISourceCFG, IStyleAttributeService, IStyleAttributeUpdateOptions, LegendItems, StyleAttributeField, StyleAttributeOption } from '@antv/l7-core';
+import { BlendType, IActiveOption, IAnimateOption, IAttrubuteAndElements, ICameraService, ICoordinateSystemService, IDataState, IEncodeFeature, IFontService, IGlobalConfigService, IIconService, IInteractionService, ILayer, ILayerConfig, ILayerModel, ILayerModelInitializationOptions, ILayerPlugin, ILayerService, IMapService, IModel, IModelInitializationOptions, IMultiPassRenderer, IPass, IPickingService, IPostProcessingPass, IRendererService, IScale, IScaleOptions, IShaderModuleService, ISourceCFG, IStyleAttributeService, IStyleAttributeUpdateOptions, LegendItems, StyleAttributeField, StyleAttributeOption, Triangulation } from '@antv/l7-core';
 import Source from '@antv/l7-source';
 import { EventEmitter } from 'eventemitter3';
 import { Container } from 'inversify';
@@ -20,6 +20,7 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     clusterZoom: number;
     layerType?: string | undefined;
     isLayerGroup: boolean;
+    triangulation?: Triangulation | undefined;
     dataState: IDataState;
     hooks: {
         init: SyncBailHook;
@@ -102,6 +103,9 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     getBottomColor(): string;
     addPlugin(plugin: ILayerPlugin): ILayer;
     init(): this;
+    updateModelData(data: IAttrubuteAndElements): void;
+    createModelData(data: any, option?: ISourceCFG): any;
+    calculateEncodeData(data: any, option?: ISourceCFG): IEncodeFeature[] | null;
     /**
      * Model初始化前需要更新Model样式
      */

package/es/core/BaseLayer.js

@@ -41,6 +41,7 @@ import { encodePickingColor } from '@antv/l7-utils';
 import { EventEmitter } from 'eventemitter3';
 import { BlendTypes } from '../utils/blend';
 import { handleStyleDataMapping } from '../utils/dataMappingStyle';
+import { calculateData } from '../utils/layerData';
 import { createMultiPassRenderer, normalizePasses } from '../utils/multiPassRender';
 import { updateShape } from '../utils/updateShape';
 var layerIdCounter = 0;
@@ -90,6 +91,8 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
 
     _defineProperty(_assertThisInitialized(_this), "isLayerGroup", false);
 
+    _defineProperty(_assertThisInitialized(_this), "triangulation", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "dataState", {
       dataSourceNeedUpdate: false,
       dataMappingNeedUpdate: false,
@@ -351,6 +354,46 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
       });
       return this;
     }
+  }, {
+    key: "updateModelData",
+    value: function updateModelData(data) {
+      if (data.attributes && data.elements) {
+        this.models.map(function (m) {
+          m.updateAttributesAndElements(data.attributes, data.elements);
+        });
+      } else {
+        console.warn('data error');
+      }
+    }
+  }, {
+    key: "createModelData",
+    value: function createModelData(data, option) {
+      if (this.layerModel.createModelData) {
+        return this.layerModel.createModelData(option);
+      }
+
+      var calEncodeData = this.calculateEncodeData(data, option);
+      var triangulation = this.triangulation;
+
+      if (calEncodeData && triangulation) {
+        return this.styleAttributeService.createAttributesAndIndices(calEncodeData, triangulation);
+      } else {
+        return {
+          attributes: undefined,
+          elements: undefined
+        };
+      }
+    }
+  }, {
+    key: "calculateEncodeData",
+    value: function calculateEncodeData(data, option) {
+      if (this.inited) {
+        return calculateData(this, this.fontService, this.mapService, this.styleAttributeService, data, option);
+      } else {
+        console.warn('layer not inited!');
+        return null;
+      }
+    }
   }, {
     key: "prepareBuildModel",
     value: function prepareBuildModel() {
@@ -713,6 +756,10 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
   }, {
     key: "hide",
     value: function hide() {
+      if (this.type === 'CanvasLayer' && this.layerModel.clearCanvas) {
+        this.layerModel.clearCanvas();
+      }
+
       this.updateLayerConfig({
         visible: false
       });