@antv/l7-layers 2.8.25 → 2.8.29

package/es/Geometry/index.d.ts

@@ -14,6 +14,6 @@ export default class GeometryLayer extends BaseLayer<IGeometryLayerStyleOptions>
             };
         };
     };
-    protected getDefaultConfig(): {};
+    protected getDefaultConfig(): {} | {};
     protected getModelType(): GeometryModelType;
 }

package/es/Geometry/index.js

@@ -64,14 +64,26 @@ var GeometryLayer = function (_BaseLayer) {
     value: function getDefaultConfig() {
       var type = this.getModelType();
       var defaultConfig = {
-        plane: {}
+        plane: {},
+        sprite: {}
       };
       return defaultConfig[type];
     }
   }, {
     key: "getModelType",
     value: function getModelType() {
-      return 'plane';
+      var _shapeAttribute$scale;
+
+      var shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
+      var shape = shapeAttribute === null || shapeAttribute === void 0 ? void 0 : (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field;
+
+      if (shape === 'plane') {
+        return 'plane';
+      } else if (shape === 'sprite') {
+        return 'sprite';
+      } else {
+        return 'plane';
+      }
     }
   }]);
 

package/es/Geometry/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Geometry/index.ts"],"names":["BaseLayer","GeometryModels","GeometryLayer","modelType","getModelType","layerModel","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","plane"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AAEA,OAAOC,cAAP,MAAkD,UAAlD;;IAEqBC,a;;;;;;;;;;;;;;;;2DAGG,e;;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIJ,cAAc,CAACE,SAAD,CAAlB,CAA8B,IAA9B,CAAlB;AACA,WAAKG,MAAL,GAAc,KAAKD,UAAL,CAAgBE,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKD,UAAL,CAAgBG,WAAhB,EAAd;AACD;;;WAED,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKP,YAAL,EAAb;AACA,UAAMU,aAAa,GAAG;AACpBC,QAAAA,KAAK,EAAE;AADa,OAAtB;AAGA,aAAOD,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA4C;AAC1C,aAAO,OAAP;AACD;;;;EAlCwCX,S;;SAAtBE,a","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { IGeometryLayerStyleOptions } from '../core/interface';\nimport GeometryModels, { GeometryModelType } from './models';\n\nexport default class GeometryLayer extends BaseLayer<\n  IGeometryLayerStyleOptions\n> {\n  public type: string = 'GeometryLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new GeometryModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\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  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      plane: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): GeometryModelType {\n    return 'plane';\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/Geometry/index.ts"],"names":["BaseLayer","GeometryModels","GeometryLayer","modelType","getModelType","layerModel","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","plane","sprite","shapeAttribute","styleAttributeService","getLayerStyleAttribute","shape","scale","field"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AAEA,OAAOC,cAAP,MAAkD,UAAlD;;IAEqBC,a;;;;;;;;;;;;;;;;2DAGG,e;;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIJ,cAAc,CAACE,SAAD,CAAlB,CAA8B,IAA9B,CAAlB;AACA,WAAKG,MAAL,GAAc,KAAKD,UAAL,CAAgBE,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKD,UAAL,CAAgBG,WAAhB,EAAd;AACD;;;WAED,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKP,YAAL,EAAb;AACA,UAAMU,aAAa,GAAG;AACpBC,QAAAA,KAAK,EAAE,EADa;AAEpBC,QAAAA,MAAM,EAAE;AAFY,OAAtB;AAIA,aAAOF,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA4C;AAAA;;AAC1C,UAAMM,cAAc,GAAG,KAAKC,qBAAL,CAA2BC,sBAA3B,CACrB,OADqB,CAAvB;AAGA,UAAMC,KAAK,GAAGH,cAAH,aAAGA,cAAH,gDAAGA,cAAc,CAAEI,KAAnB,0DAAG,sBAAuBC,KAArC;;AACA,UAAIF,KAAK,KAAK,OAAd,EAAuB;AACrB,eAAO,OAAP;AACD,OAFD,MAEO,IAAIA,KAAK,KAAK,QAAd,EAAwB;AAC7B,eAAO,QAAP;AACD,OAFM,MAEA;AACL,eAAO,OAAP;AACD;AACF;;;;EA7CwCpB,S;;SAAtBE,a","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { IGeometryLayerStyleOptions } from '../core/interface';\nimport GeometryModels, { GeometryModelType } from './models';\n\nexport default class GeometryLayer extends BaseLayer<\n  IGeometryLayerStyleOptions\n> {\n  public type: string = 'GeometryLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new GeometryModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\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  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      plane: {},\n      sprite: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): GeometryModelType {\n    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute(\n      'shape',\n    );\n    const shape = shapeAttribute?.scale?.field as GeometryModelType;\n    if (shape === 'plane') {\n      return 'plane';\n    } else if (shape === 'sprite') {\n      return 'sprite';\n    } else {\n      return 'plane';\n    }\n  }\n}\n"],"file":"index.js"}

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

@@ -1,4 +1,4 @@
-export declare type GeometryModelType = 'plane';
+export declare type GeometryModelType = 'plane' | 'sprite';
 declare const GeometryModels: {
     [key in GeometryModelType]: any;
 };

package/es/Geometry/models/index.js

@@ -1,6 +1,8 @@
 import PlaneModel from './plane';
+import SpriteModel from './sprite';
 var GeometryModels = {
-  plane: PlaneModel
+  plane: PlaneModel,
+  sprite: SpriteModel
 };
 export default GeometryModels;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Geometry/models/index.ts"],"names":["PlaneModel","GeometryModels","plane"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,SAAvB;AAGA,IAAMC,cAAmD,GAAG;AAC1DC,EAAAA,KAAK,EAAEF;AADmD,CAA5D;AAGA,eAAeC,cAAf","sourcesContent":["import PlaneModel from './plane';\nexport type GeometryModelType = 'plane';\n\nconst GeometryModels: { [key in GeometryModelType]: any } = {\n  plane: PlaneModel,\n};\nexport default GeometryModels;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Geometry/models/index.ts"],"names":["PlaneModel","SpriteModel","GeometryModels","plane","sprite"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,SAAvB;AACA,OAAOC,WAAP,MAAwB,UAAxB;AAGA,IAAMC,cAAmD,GAAG;AAC1DC,EAAAA,KAAK,EAAEH,UADmD;AAE1DI,EAAAA,MAAM,EAAEH;AAFkD,CAA5D;AAIA,eAAeC,cAAf","sourcesContent":["import PlaneModel from './plane';\nimport SpriteModel from './sprite';\nexport type GeometryModelType = 'plane' | 'sprite';\n\nconst GeometryModels: { [key in GeometryModelType]: any } = {\n  plane: PlaneModel,\n  sprite: SpriteModel,\n};\nexport default GeometryModels;\n"],"file":"index.js"}

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

@@ -0,0 +1,47 @@
+import { IModelUniform, ITexture2D } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+declare enum SPRITE_ANIMATE_DIR {
+    'UP' = "up",
+    'DOWN' = "down"
+}
+export default class SpriteModel extends BaseModel {
+    protected texture: ITexture2D;
+    protected mapTexture: string | undefined;
+    protected positions: number[];
+    protected indices: number[];
+    protected timer: number;
+    protected spriteTop: number;
+    protected spriteUpdate: number;
+    protected spriteAnimate: SPRITE_ANIMATE_DIR;
+    initSprite(radius?: number, spriteCount?: number, lng?: number, lat?: number): {
+        indices: number[];
+        positions: number[];
+    };
+    planeGeometryUpdateTriangulation: () => {
+        vertices: number[];
+        indices: number[];
+        size: number;
+    };
+    updateModel: () => void;
+    planeGeometryTriangulation: () => {
+        vertices: number[];
+        indices: number[];
+        size: number;
+    };
+    getUninforms(): IModelUniform;
+    clearModels(): void;
+    initModels(): import("@antv/l7-core").IModel[];
+    buildModels(): import("@antv/l7-core").IModel[];
+    updateTexture(mapTexture: string | undefined): void;
+    protected getConfigSchema(): {
+        properties: {
+            opacity: {
+                type: string;
+                minimum: number;
+                maximum: number;
+            };
+        };
+    };
+    protected registerBuiltinAttributes(): string;
+}
+export {};

package/es/Geometry/models/sprite.js

@@ -0,0 +1,305 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import { gl } from '@antv/l7-core';
+import { Version } from '@antv/l7-maps';
+import BaseModel from '../../core/BaseModel';
+var spriteFrag = "\nuniform sampler2D u_texture;\nuniform float u_mapFlag;\nuniform float u_opacity;\n\nvarying vec3 v_Color;\nvarying float v_d;\n\n#pragma include \"picking\"\nvoid main() {\n\n  if(v_d < 0.0) {\n    discard;\n  }\n\n  if(u_mapFlag > 0.0) {\n    gl_FragColor = texture2D(u_texture, gl_PointCoord);\n    gl_FragColor.a *= u_opacity;\n  } else {\n    gl_FragColor = vec4(v_Color, u_opacity);\n  }\n\n  gl_FragColor = filterColor(gl_FragColor);\n}\n";
+var spriteVert = "precision highp float;\n\nattribute vec3 a_Position;\nattribute vec3 a_Color;\n\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform float u_opacity;\nuniform float u_Scale;\nvarying vec3 v_Color;\nvarying float v_d;\n\n#pragma include \"projection\"\n#pragma include \"picking\"\nvoid main() {\n   v_Color = a_Color;\n  \n   vec4 project_pos = project_position(vec4(a_Position, 1.0));\n\n   v_d = a_Position.z;\n\n   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n      gl_Position = u_Mvp * (vec4(project_pos.xy, a_Position.z, 1.0));\n   } else {\n      gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy, a_Position.z, 1.0));\n   }\n\n   gl_PointSize = pow((u_Zoom - 1.0), 2.0) * u_Scale;\n\n   setPickingColor(a_PickingColor);\n}\n";
+var SPRITE_ANIMATE_DIR;
+
+(function (SPRITE_ANIMATE_DIR) {
+  SPRITE_ANIMATE_DIR["UP"] = "up";
+  SPRITE_ANIMATE_DIR["DOWN"] = "down";
+})(SPRITE_ANIMATE_DIR || (SPRITE_ANIMATE_DIR = {}));
+
+var SpriteModel = function (_BaseModel) {
+  _inherits(SpriteModel, _BaseModel);
+
+  var _super = _createSuper(SpriteModel);
+
+  function SpriteModel() {
+    var _this;
+
+    _classCallCheck(this, SpriteModel);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "texture", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "mapTexture", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "positions", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "indices", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "timer", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "spriteTop", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "spriteUpdate", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "spriteAnimate", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "planeGeometryUpdateTriangulation", function () {
+      var updateZ = _this.spriteUpdate;
+      var bottomZ = -100000;
+      var topZ = _this.spriteTop;
+
+      for (var i = 0; i < _this.positions.length; i += 5) {
+        if (_this.spriteAnimate === SPRITE_ANIMATE_DIR.UP) {
+          _this.positions[i + 2] += updateZ;
+
+          if (_this.positions[i + 2] > topZ) {
+            _this.positions[i + 2] = bottomZ;
+          }
+        } else {
+          _this.positions[i + 2] -= updateZ;
+
+          if (_this.positions[i + 2] < bottomZ) {
+            _this.positions[i + 2] = topZ;
+          }
+        }
+      }
+
+      return {
+        vertices: _this.positions,
+        indices: _this.indices,
+        size: 5
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateModel", function () {
+      var attributes = _this.layer.createAttrubutes({
+        triangulation: _this.planeGeometryUpdateTriangulation
+      });
+
+      _this.layer.models.map(function (m) {
+        m.updateAttributes(attributes);
+      });
+
+      _this.layer.renderLayers();
+
+      _this.timer = requestAnimationFrame(_this.updateModel);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "planeGeometryTriangulation", function () {
+      var _this2;
+
+      var _ref = _this.layer.getLayerConfig(),
+          _ref$center = _ref.center,
+          center = _ref$center === void 0 ? [120, 30] : _ref$center,
+          _ref$spriteCount = _ref.spriteCount,
+          spriteCount = _ref$spriteCount === void 0 ? 100 : _ref$spriteCount,
+          _ref$spriteRadius = _ref.spriteRadius,
+          spriteRadius = _ref$spriteRadius === void 0 ? 10 : _ref$spriteRadius;
+
+      var _this$initSprite = (_this2 = _this).initSprite.apply(_this2, [spriteRadius, spriteCount].concat(_toConsumableArray(center))),
+          indices = _this$initSprite.indices,
+          positions = _this$initSprite.positions;
+
+      _this.positions = positions;
+      _this.indices = indices;
+      return {
+        vertices: positions,
+        indices: indices,
+        size: 5
+      };
+    });
+
+    return _this;
+  }
+
+  _createClass(SpriteModel, [{
+    key: "initSprite",
+    value: function initSprite() {
+      var radius = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+      var spriteCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+      var lng = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 120;
+      var lat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 30;
+      var indices = [];
+      var positions = [];
+      var mapService = this.mapService;
+      var heightLimit = this.spriteAnimate === SPRITE_ANIMATE_DIR.UP ? -this.spriteTop : this.spriteTop;
+
+      for (var i = 0; i < spriteCount; i++) {
+        var height = Math.random() * heightLimit;
+        positions.push.apply(positions, _toConsumableArray(getPos(height)));
+      }
+
+      for (var _i = 0; _i < spriteCount; _i++) {
+        indices.push(_i);
+      }
+
+      function getPos(z) {
+        var randomX = radius * Math.random();
+        var randomY = radius * Math.random();
+        var x = -radius / 2 + randomX;
+        var y = -radius / 2 + randomY;
+
+        if (mapService.version === Version['GAODE2.x']) {
+          var _ref2 = mapService.lngLatToCoord([x + lng, -y + lat]),
+              _ref3 = _slicedToArray(_ref2, 2),
+              a = _ref3[0],
+              b = _ref3[1];
+
+          return [a, b, z, 0, 0];
+        } else {
+          return [x + lng, -y + lat, z, 0, 0];
+        }
+      }
+
+      return {
+        indices: indices,
+        positions: positions
+      };
+    }
+  }, {
+    key: "getUninforms",
+    value: function getUninforms() {
+      var _ref4 = this.layer.getLayerConfig(),
+          opacity = _ref4.opacity,
+          mapTexture = _ref4.mapTexture,
+          _ref4$spriteScale = _ref4.spriteScale,
+          spriteScale = _ref4$spriteScale === void 0 ? 1 : _ref4$spriteScale;
+
+      if (this.mapTexture !== mapTexture) {
+        var _this$texture;
+
+        this.mapTexture = mapTexture;
+        (_this$texture = this.texture) === null || _this$texture === void 0 ? void 0 : _this$texture.destroy();
+        this.updateTexture(mapTexture);
+      }
+
+      return {
+        u_opacity: opacity || 1,
+        u_mapFlag: mapTexture ? 1 : 0,
+        u_texture: this.texture,
+        u_Scale: spriteScale
+      };
+    }
+  }, {
+    key: "clearModels",
+    value: function clearModels() {
+      var _this$texture2;
+
+      cancelAnimationFrame(this.timer);
+      (_this$texture2 = this.texture) === null || _this$texture2 === void 0 ? void 0 : _this$texture2.destroy();
+    }
+  }, {
+    key: "initModels",
+    value: function initModels() {
+      var _this3 = this;
+
+      var _ref5 = this.layer.getLayerConfig(),
+          mapTexture = _ref5.mapTexture,
+          _ref5$spriteTop = _ref5.spriteTop,
+          spriteTop = _ref5$spriteTop === void 0 ? 5000000 : _ref5$spriteTop,
+          _ref5$spriteUpdate = _ref5.spriteUpdate,
+          spriteUpdate = _ref5$spriteUpdate === void 0 ? 10000 : _ref5$spriteUpdate,
+          _ref5$spriteAnimate = _ref5.spriteAnimate,
+          spriteAnimate = _ref5$spriteAnimate === void 0 ? SPRITE_ANIMATE_DIR.DOWN : _ref5$spriteAnimate;
+
+      this.mapTexture = mapTexture;
+      this.spriteTop = spriteTop;
+      this.spriteUpdate = spriteUpdate;
+      spriteAnimate === 'up' ? this.spriteAnimate = SPRITE_ANIMATE_DIR.UP : this.spriteAnimate = SPRITE_ANIMATE_DIR.DOWN;
+      var createTexture2D = this.rendererService.createTexture2D;
+      this.texture = createTexture2D({
+        height: 0,
+        width: 0
+      });
+      this.updateTexture(mapTexture);
+      setTimeout(function () {
+        _this3.updateModel();
+      }, 100);
+      return [this.layer.buildLayerModel({
+        moduleName: 'geometry_sprite',
+        vertexShader: spriteVert,
+        fragmentShader: spriteFrag,
+        triangulation: this.planeGeometryTriangulation,
+        primitive: gl.POINTS,
+        depth: {
+          enable: false
+        },
+        blend: this.getBlend()
+      })];
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      return this.initModels();
+    }
+  }, {
+    key: "updateTexture",
+    value: function updateTexture(mapTexture) {
+      var _this4 = this;
+
+      var createTexture2D = this.rendererService.createTexture2D;
+
+      if (mapTexture) {
+        var img = new Image();
+        img.crossOrigin = 'anonymous';
+
+        img.onload = function () {
+          _this4.texture = createTexture2D({
+            data: img,
+            width: img.width,
+            height: img.height,
+            wrapS: gl.CLAMP_TO_EDGE,
+            wrapT: gl.CLAMP_TO_EDGE
+          });
+
+          _this4.layerService.updateLayerRenderList();
+
+          _this4.layerService.renderLayers();
+        };
+
+        img.src = mapTexture;
+      } else {
+        this.texture = createTexture2D({
+          width: 0,
+          height: 0
+        });
+      }
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {
+      return '';
+    }
+  }]);
+
+  return SpriteModel;
+}(BaseModel);
+
+export { SpriteModel as default };
+//# sourceMappingURL=sprite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Geometry/models/sprite.ts"],"names":["gl","Version","BaseModel","SPRITE_ANIMATE_DIR","SpriteModel","updateZ","spriteUpdate","bottomZ","topZ","spriteTop","i","positions","length","spriteAnimate","UP","vertices","indices","size","attributes","layer","createAttrubutes","triangulation","planeGeometryUpdateTriangulation","models","map","m","updateAttributes","renderLayers","timer","requestAnimationFrame","updateModel","getLayerConfig","center","spriteCount","spriteRadius","initSprite","radius","lng","lat","mapService","heightLimit","height","Math","random","push","getPos","z","randomX","randomY","x","y","version","lngLatToCoord","a","b","opacity","mapTexture","spriteScale","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_texture","u_Scale","cancelAnimationFrame","DOWN","createTexture2D","rendererService","width","setTimeout","buildLayerModel","moduleName","vertexShader","spriteVert","fragmentShader","spriteFrag","planeGeometryTriangulation","primitive","POINTS","depth","enable","blend","getBlend","initModels","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","src","properties","type","minimum","maximum"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IAnimateOption,\n  IEncodeFeature,\n  ILayerConfig,\n  IModelUniform,\n  ITexture2D,\n} from '@antv/l7-core';\nimport { Version } from '@antv/l7-maps';\n\nimport BaseModel from '../../core/BaseModel';\nimport { IGeometryLayerStyleOptions } from '../../core/interface';\nimport spriteFrag from '../shaders/sprite_frag.glsl';\nimport spriteVert from '../shaders/sprite_vert.glsl';\n\nenum SPRITE_ANIMATE_DIR {\n  'UP' = 'up',\n  'DOWN' = 'down',\n}\n\nexport default class SpriteModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected mapTexture: string | undefined;\n  protected positions: number[];\n  protected indices: number[];\n  protected timer: number;\n  protected spriteTop: number;\n  protected spriteUpdate: number;\n  protected spriteAnimate: SPRITE_ANIMATE_DIR;\n\n  public initSprite(radius = 10, spriteCount = 100, lng = 120, lat = 30) {\n    const indices = [];\n    const positions = [];\n    const mapService = this.mapService;\n    const heightLimit =\n      this.spriteAnimate === SPRITE_ANIMATE_DIR.UP\n        ? -this.spriteTop\n        : this.spriteTop;\n    for (let i = 0; i < spriteCount; i++) {\n      const height = Math.random() * heightLimit;\n      positions.push(...getPos(height));\n    }\n    for (let i = 0; i < spriteCount; i++) {\n      indices.push(i);\n    }\n\n    function getPos(z: number) {\n      const randomX = radius * Math.random();\n      const randomY = radius * Math.random();\n      const x = -radius / 2 + randomX;\n      const y = -radius / 2 + randomY;\n      if (mapService.version === Version['GAODE2.x']) {\n        // @ts-ignore\n        const [a, b] = mapService.lngLatToCoord([x + lng, -y + lat]) as [\n          number,\n          number,\n        ];\n        return [a, b, z, 0, 0];\n      } else {\n        return [x + lng, -y + lat, z, 0, 0];\n      }\n    }\n\n    return { indices, positions };\n  }\n\n  public planeGeometryUpdateTriangulation = () => {\n    const updateZ = this.spriteUpdate;\n    const bottomZ = -100000;\n    const topZ = this.spriteTop;\n\n    for (let i = 0; i < this.positions.length; i += 5) {\n      if (this.spriteAnimate === SPRITE_ANIMATE_DIR.UP) {\n        this.positions[i + 2] += updateZ;\n        if (this.positions[i + 2] > topZ) {\n          this.positions[i + 2] = bottomZ;\n        }\n      } else {\n        this.positions[i + 2] -= updateZ;\n        if (this.positions[i + 2] < bottomZ) {\n          this.positions[i + 2] = topZ;\n        }\n      }\n    }\n\n    return {\n      vertices: this.positions,\n      indices: this.indices,\n      size: 5,\n    };\n  };\n\n  public updateModel = () => {\n    // @ts-ignore\n    const attributes = this.layer.createAttrubutes({\n      triangulation: this.planeGeometryUpdateTriangulation,\n    });\n    this.layer.models.map((m) => {\n      m.updateAttributes(attributes);\n    });\n    this.layer.renderLayers();\n\n    this.timer = requestAnimationFrame(this.updateModel);\n  };\n\n  public planeGeometryTriangulation = () => {\n    const {\n      center = [120, 30],\n      spriteCount = 100,\n      spriteRadius = 10,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n\n    const { indices, positions } = this.initSprite(\n      spriteRadius,\n      spriteCount,\n      ...center,\n    );\n    this.positions = positions;\n    this.indices = indices;\n    return {\n      vertices: positions,\n      indices,\n      size: 5,\n    };\n  };\n\n  public getUninforms(): IModelUniform {\n    const {\n      opacity,\n      mapTexture,\n      spriteScale = 1,\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_texture: this.texture,\n      u_Scale: spriteScale,\n    };\n  }\n\n  public clearModels(): void {\n    cancelAnimationFrame(this.timer);\n    this.texture?.destroy();\n  }\n\n  public initModels() {\n    const {\n      mapTexture,\n      spriteTop = 5000000,\n      spriteUpdate = 10000,\n      spriteAnimate = SPRITE_ANIMATE_DIR.DOWN,\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    this.mapTexture = mapTexture;\n    this.spriteTop = spriteTop;\n    this.spriteUpdate = spriteUpdate;\n    spriteAnimate === 'up'\n      ? (this.spriteAnimate = SPRITE_ANIMATE_DIR.UP)\n      : (this.spriteAnimate = SPRITE_ANIMATE_DIR.DOWN);\n\n    const { createTexture2D } = this.rendererService;\n    this.texture = createTexture2D({\n      height: 0,\n      width: 0,\n    });\n\n    this.updateTexture(mapTexture);\n\n    setTimeout(() => {\n      this.updateModel();\n    }, 100);\n\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'geometry_sprite',\n        vertexShader: spriteVert,\n        fragmentShader: spriteFrag,\n        triangulation: this.planeGeometryTriangulation,\n        primitive: gl.POINTS,\n        depth: { enable: false },\n        blend: this.getBlend(),\n      }),\n    ];\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    return '';\n  }\n}\n"],"file":"sprite.js"}

package/es/core/BaseLayer.d.ts

@@ -19,6 +19,7 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     rendering: boolean;
     clusterZoom: number;
     layerType?: string | undefined;
+    isLayerGroup: boolean;
     dataState: IDataState;
     hooks: {
         init: SyncBailHook;
@@ -49,6 +50,7 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     };
     sceneContainer: Container | undefined;
     layerChildren: ILayer[];
+    masks: ILayer[];
     protected readonly configService: IGlobalConfigService;
     protected shaderModuleService: IShaderModuleService;
     protected cameraService: ICameraService;
@@ -84,6 +86,8 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     private bottomColor;
     private isDestroied;
     constructor(config?: Partial<ILayerConfig & ChildLayerStyleOptions>);
+    addMaskLayer(maskLayer: ILayer): void;
+    removeMaskLayer(maskLayer: ILayer): void;
     getLayerConfig(): Partial<ILayerConfig & import("@antv/l7-core").ISceneConfig & ChildLayerStyleOptions>;
     updateLayerConfig(configToUpdate: Partial<ILayerConfig | ChildLayerStyleOptions>): void;
     /**
@@ -172,6 +176,7 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     }): void;
     boxSelect(box: [number, number, number, number], cb: (...args: any[]) => void): void;
     buildLayerModel(options: ILayerModelInitializationOptions & Partial<IModelInitializationOptions>): IModel;
+    createAttrubutes(options: ILayerModelInitializationOptions & Partial<IModelInitializationOptions>): any;
     getTime(): number;
     setAnimateStartTime(): void;
     stopAnimate(): void;

package/es/core/BaseLayer.js

@@ -88,6 +88,8 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
 
     _defineProperty(_assertThisInitialized(_this), "layerType", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "isLayerGroup", false);
+
     _defineProperty(_assertThisInitialized(_this), "dataState", {
       dataSourceNeedUpdate: false,
       dataMappingNeedUpdate: false,
@@ -128,6 +130,8 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
 
     _defineProperty(_assertThisInitialized(_this), "layerChildren", []);
 
+    _defineProperty(_assertThisInitialized(_this), "masks", []);
+
     _initializerDefineProperty(_assertThisInitialized(_this), "configService", _descriptor, _assertThisInitialized(_this));
 
     _defineProperty(_assertThisInitialized(_this), "shaderModuleService", void 0);
@@ -207,6 +211,22 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
   }
 
   _createClass(BaseLayer, [{
+    key: "addMaskLayer",
+    value: function addMaskLayer(maskLayer) {
+      this.masks.push(maskLayer);
+    }
+  }, {
+    key: "removeMaskLayer",
+    value: function removeMaskLayer(maskLayer) {
+      var layerIndex = this.masks.indexOf(maskLayer);
+
+      if (layerIndex > -1) {
+        this.masks.splice(layerIndex, 1);
+      }
+
+      maskLayer.destroy();
+    }
+  }, {
     key: "getLayerConfig",
     value: function getLayerConfig() {
       return this.configService.getLayerConfig(this.id);
@@ -461,6 +481,8 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
     value: function style(options) {
       var _this4 = this;
 
+      var lastConfig = this.getLayerConfig();
+
       var passes = options.passes,
           rest = _objectWithoutProperties(options, _excluded);
 
@@ -481,6 +503,11 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
         this.styleNeedUpdate = true;
       }
 
+      if (lastConfig && lastConfig.mask === true && options.mask === false) {
+        this.clearModels();
+        this.models = this.layerModel.buildModels();
+      }
+
       return this;
     }
   }, {
@@ -836,15 +863,26 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
   }, {
     key: "destroy",
     value: function destroy() {
+      var _this$layerModel;
+
       if (this.isDestroied) {
         return;
       }
 
+      this.layerChildren.map(function (child) {
+        return child.destroy();
+      });
+      this.layerChildren = [];
+      this.masks.map(function (mask) {
+        return mask.destroy();
+      });
+      this.masks = [];
       this.hooks.beforeDestroy.call();
       this.layerSource.off('update', this.sourceEvent);
       this.multiPassRenderer.destroy();
       this.styleAttributeService.clearAllAttributes();
       this.hooks.afterDestroy.call();
+      (_this$layerModel = this.layerModel) === null || _this$layerModel === void 0 ? void 0 : _this$layerModel.clearModels();
       this.models = [];
       this.layerService.cleanRemove(this);
       this.emit('remove', {
@@ -870,6 +908,7 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
         return model.destroy();
       });
       this.layerModel.clearModels();
+      this.models = [];
     }
   }, {
     key: "isDirty",
@@ -1008,6 +1047,16 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
         blend: BlendTypes[BlendType.normal]
       }, rest));
     }
+  }, {
+    key: "createAttrubutes",
+    value: function createAttrubutes(options) {
+      var triangulation = options.triangulation;
+
+      var _this$styleAttributeS5 = this.styleAttributeService.createAttributes(this.encodedData, triangulation),
+          attributes = _this$styleAttributeS5.attributes;
+
+      return attributes;
+    }
   }, {
     key: "getTime",
     value: function getTime() {