@antv/l7-layers 2.8.5 → 2.8.8

package/es/Geometry/index.d.ts

@@ -0,0 +1,19 @@
+import BaseLayer from '../core/BaseLayer';
+import { IGeometryLayerStyleOptions } from '../core/interface';
+import { GeometryModelType } from './models';
+export default class GeometryLayer extends BaseLayer<IGeometryLayerStyleOptions> {
+    type: string;
+    buildModels(): void;
+    rebuildModels(): void;
+    protected getConfigSchema(): {
+        properties: {
+            opacity: {
+                type: string;
+                minimum: number;
+                maximum: number;
+            };
+        };
+    };
+    protected getDefaultConfig(): {};
+    protected getModelType(): GeometryModelType;
+}

package/es/Geometry/index.js

@@ -0,0 +1,82 @@
+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 BaseLayer from '../core/BaseLayer';
+import GeometryModels from './models';
+
+var GeometryLayer = function (_BaseLayer) {
+  _inherits(GeometryLayer, _BaseLayer);
+
+  var _super = _createSuper(GeometryLayer);
+
+  function GeometryLayer() {
+    var _this;
+
+    _classCallCheck(this, GeometryLayer);
+
+    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), "type", 'GeometryLayer');
+
+    return _this;
+  }
+
+  _createClass(GeometryLayer, [{
+    key: "buildModels",
+    value: function buildModels() {
+      var modelType = this.getModelType();
+      this.layerModel = new GeometryModels[modelType](this);
+      this.models = this.layerModel.initModels();
+    }
+  }, {
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      this.models = this.layerModel.buildModels();
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      var type = this.getModelType();
+      var defaultConfig = {
+        plane: {}
+      };
+      return defaultConfig[type];
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      return 'plane';
+    }
+  }]);
+
+  return GeometryLayer;
+}(BaseLayer);
+
+export { GeometryLayer as default };
+//# sourceMappingURL=index.js.map

package/es/Geometry/index.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+export declare type GeometryModelType = 'plane';
+declare const GeometryModels: {
+    [key in GeometryModelType]: any;
+};
+export default GeometryModels;

package/es/Geometry/models/index.js

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+import { IModelUniform, ITexture2D } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+export default class PlaneModel extends BaseModel {
+    protected texture: ITexture2D;
+    protected mapTexture: string | undefined;
+    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(): void;
+}

package/es/Geometry/models/plane.js

@@ -0,0 +1,244 @@
+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 { AttributeType, gl } from '@antv/l7-core';
+import { getMask } from '@antv/l7-utils';
+import BaseModel from '../../core/BaseModel';
+var planeFrag = "\nuniform sampler2D u_texture;\nuniform float u_mapFlag;\nuniform float u_opacity;\n\nvarying vec3 v_Color;\nvarying vec2 v_uv;\n\n#pragma include \"picking\"\nvoid main() {\n  // gl_FragColor = vec4(v_Color, u_opacity);\n  if(u_mapFlag > 0.0) {\n    gl_FragColor = texture2D(u_texture, vec2(v_uv.x, 1.0 - v_uv.y));\n    gl_FragColor.a *= u_opacity;\n\n  } else {\n    // gl_FragColor = vec4(v_uv, 0.0, u_opacity);\n    gl_FragColor = vec4(v_Color, u_opacity);\n  }\n  gl_FragColor = filterColor(gl_FragColor);\n}\n";
+var planeVert = "precision highp float;\nuniform mat4 u_ModelMatrix;\n\nuniform mat4 u_Mvp;\n\nattribute vec3 a_Position;\nattribute vec2 a_Uv;\nattribute vec3 a_Color;\n\nvarying vec3 v_Color;\nvarying vec2 v_uv;\n\n#pragma include \"projection\"\n#pragma include \"picking\"\nvoid main() {\n   v_Color = a_Color;\n   v_uv = a_Uv;\n  \n   vec4 project_pos = project_position(vec4(a_Position, 1.0));\n   // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));\n\n   // float x = 1.0;\n   // float y = 0.0;\n   // float z = 0.0;\n   // mat3 translateMatrix = mat3(\n   //    1.0, 0.0, 0.0 \n   //    0.0, 1.0, 0.0\n   //    -project_pos.x,    -project_pos.y,  1.0\n   // );\n   //  mat4 translateMatrix = mat4(\n   //    1.0, 0.0, 0.0, 0.0 ,\n   //    0.0, 1.0, 0.0, 0.0,\n   //    0.0, 0.0, 1.0, 0.0,\n   //    1.0, 0.0, 0.0, 1.0\n   // );\n\n   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n      gl_Position = u_Mvp * (vec4(project_pos.xy, 0., 1.0));\n   } else {\n      gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy, 0., 1.0));\n   }\n\n   setPickingColor(a_PickingColor);\n\n   gl_PointSize = 10.0;\n}\n";
+
+function initPlane() {
+  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var widthSegments = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var heightSegments = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  var lng = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 120;
+  var lat = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 30;
+  var widthHalf = width / 2;
+  var heightHalf = height / 2;
+  var gridX = Math.floor(widthSegments);
+  var gridY = Math.floor(heightSegments);
+  var gridX1 = gridX + 1;
+  var gridY1 = gridY + 1;
+  var segmentWidth = width / gridX;
+  var segmentHeight = height / gridY;
+  var indices = [];
+  var positions = [];
+
+  for (var iy = 0; iy < gridY1; iy++) {
+    var y = iy * segmentHeight - heightHalf;
+
+    for (var ix = 0; ix < gridX1; ix++) {
+      var x = ix * segmentWidth - widthHalf;
+      positions.push(x + lng, -y + lat, 0);
+      positions.push(ix / gridX);
+      positions.push(1 - iy / gridY);
+    }
+  }
+
+  for (var _iy = 0; _iy < gridY; _iy++) {
+    for (var _ix = 0; _ix < gridX; _ix++) {
+      var a = _ix + gridX1 * _iy;
+      var b = _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);
+    }
+  }
+
+  return {
+    indices: indices,
+    positions: positions
+  };
+}
+
+var PlaneModel = function (_BaseModel) {
+  _inherits(PlaneModel, _BaseModel);
+
+  var _super = _createSuper(PlaneModel);
+
+  function PlaneModel() {
+    var _this;
+
+    _classCallCheck(this, PlaneModel);
+
+    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), "planeGeometryTriangulation", function () {
+      var _ref = _this.layer.getLayerConfig(),
+          _ref$width = _ref.width,
+          width = _ref$width === void 0 ? 1 : _ref$width,
+          _ref$height = _ref.height,
+          height = _ref$height === void 0 ? 1 : _ref$height,
+          _ref$widthSegments = _ref.widthSegments,
+          widthSegments = _ref$widthSegments === void 0 ? 1 : _ref$widthSegments,
+          _ref$heightSegments = _ref.heightSegments,
+          heightSegments = _ref$heightSegments === void 0 ? 1 : _ref$heightSegments,
+          _ref$center = _ref.center,
+          center = _ref$center === void 0 ? [120, 30] : _ref$center;
+
+      var _initPlane = initPlane.apply(void 0, [width, height, widthSegments, heightSegments].concat(_toConsumableArray(center))),
+          indices = _initPlane.indices,
+          positions = _initPlane.positions;
+
+      return {
+        vertices: positions,
+        indices: indices,
+        size: 5
+      };
+    });
+
+    return _this;
+  }
+
+  _createClass(PlaneModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      var _ref2 = this.layer.getLayerConfig(),
+          opacity = _ref2.opacity,
+          mapTexture = _ref2.mapTexture;
+
+      if (this.mapTexture !== mapTexture) {
+        this.mapTexture = mapTexture;
+        this.texture.destroy();
+        this.updateTexture(mapTexture);
+      }
+
+      return {
+        u_opacity: opacity || 1,
+        u_mapFlag: mapTexture ? 1 : 0,
+        u_texture: this.texture
+      };
+    }
+  }, {
+    key: "clearModels",
+    value: function clearModels() {
+      this.texture.destroy();
+    }
+  }, {
+    key: "initModels",
+    value: function initModels() {
+      var _ref3 = this.layer.getLayerConfig(),
+          _ref3$mask = _ref3.mask,
+          mask = _ref3$mask === void 0 ? false : _ref3$mask,
+          _ref3$maskInside = _ref3.maskInside,
+          maskInside = _ref3$maskInside === void 0 ? true : _ref3$maskInside,
+          mapTexture = _ref3.mapTexture;
+
+      this.mapTexture = mapTexture;
+      var createTexture2D = this.rendererService.createTexture2D;
+      this.texture = createTexture2D({
+        height: 0,
+        width: 0
+      });
+      this.updateTexture(mapTexture);
+      return [this.layer.buildLayerModel({
+        moduleName: 'geometry_plane',
+        vertexShader: planeVert,
+        fragmentShader: planeFrag,
+        triangulation: this.planeGeometryTriangulation,
+        primitive: gl.TRIANGLES,
+        depth: {
+          enable: false
+        },
+        blend: this.getBlend(),
+        stencil: getMask(mask, maskInside)
+      })];
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      return this.initModels();
+    }
+  }, {
+    key: "updateTexture",
+    value: function updateTexture(mapTexture) {
+      var _this2 = this;
+
+      var createTexture2D = this.rendererService.createTexture2D;
+
+      if (mapTexture) {
+        var img = new Image();
+        img.crossOrigin = 'anonymous';
+
+        img.onload = function () {
+          _this2.texture = createTexture2D({
+            data: img,
+            width: img.width,
+            height: img.height,
+            wrapS: gl.CLAMP_TO_EDGE,
+            wrapT: gl.CLAMP_TO_EDGE
+          });
+
+          _this2.layerService.updateLayerRenderList();
+
+          _this2.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() {
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'uv',
+        type: AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Uv',
+          buffer: {
+            usage: gl.DYNAMIC_DRAW,
+            data: [],
+            type: gl.FLOAT
+          },
+          size: 2,
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
+            return [vertex[3], vertex[4]];
+          }
+        }
+      });
+    }
+  }]);
+
+  return PlaneModel;
+}(BaseModel);
+
+export { PlaneModel as default };
+//# sourceMappingURL=plane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Geometry/models/plane.ts"],"names":["AttributeType","gl","getMask","BaseModel","initPlane","width","height","widthSegments","heightSegments","lng","lat","widthHalf","heightHalf","gridX","Math","floor","gridY","gridX1","gridY1","segmentWidth","segmentHeight","indices","positions","iy","y","ix","x","push","a","b","c","d","PlaneModel","layer","getLayerConfig","center","vertices","size","opacity","mapTexture","texture","destroy","updateTexture","u_opacity","u_mapFlag","u_texture","mask","maskInside","createTexture2D","rendererService","buildLayerModel","moduleName","vertexShader","planeVert","fragmentShader","planeFrag","triangulation","planeGeometryTriangulation","primitive","TRIANGLES","depth","enable","blend","getBlend","stencil","initModels","img","Image","crossOrigin","onload","data","wrapS","CLAMP_TO_EDGE","wrapT","layerService","updateLayerRenderList","renderLayers","src","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 { 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\nfunction 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\n      positions.push(x + lng, -y + lat, 0);\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\nexport default class PlaneModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected mapTexture: string | undefined;\n  public planeGeometryTriangulation = () => {\n    const {\n      width = 1,\n      height = 1,\n      widthSegments = 1,\n      heightSegments = 1,\n      center = [120, 30],\n    } = this.layer.getLayerConfig() as IGeometryLayerStyleOptions;\n    const { indices, positions } = initPlane(\n      width,\n      height,\n      widthSegments,\n      heightSegments,\n      ...center,\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    } = 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\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 rotateZ(): mat4 {\n  //   const res = mat4.create()\n  //   const roZero = mat4.translate(mat4.create(), mat4.create(), [-120, 0, -30])\n  //   const rotate = mat4.rotateZ(mat4.create(), mat4.create(), 10)\n  //   const roOrigin = mat4.translate(mat4.create(), mat4.create(), [120, 0, 30])\n  //   mat4.multiply(res, res, roZero)\n  //   mat4.multiply(res, res, rotate)\n  //   mat4.multiply(res, res, roOrigin)\n  //   return res\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        // primitive: gl.POINTS,\n        depth: { enable: false },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\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    // 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/index.d.ts

@@ -0,0 +1,19 @@
+import BaseLayer from '../core/BaseLayer';
+import { ICanvasLayerStyleOptions } from '../core/interface';
+import { CanvasModelType } from './models/index';
+export default class CanvasLayer extends BaseLayer<ICanvasLayerStyleOptions> {
+    type: string;
+    buildModels(): void;
+    rebuildModels(): void;
+    protected getConfigSchema(): {
+        properties: {
+            opacity: {
+                type: string;
+                minimum: number;
+                maximum: number;
+            };
+        };
+    };
+    protected getDefaultConfig(): {};
+    protected getModelType(): CanvasModelType;
+}

package/es/canvas/index.js

@@ -0,0 +1,82 @@
+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 BaseLayer from '../core/BaseLayer';
+import CanvasModels from './models/index';
+
+var CanvasLayer = function (_BaseLayer) {
+  _inherits(CanvasLayer, _BaseLayer);
+
+  var _super = _createSuper(CanvasLayer);
+
+  function CanvasLayer() {
+    var _this;
+
+    _classCallCheck(this, CanvasLayer);
+
+    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), "type", 'CanvasLayer');
+
+    return _this;
+  }
+
+  _createClass(CanvasLayer, [{
+    key: "buildModels",
+    value: function buildModels() {
+      var modelType = this.getModelType();
+      this.layerModel = new CanvasModels[modelType](this);
+      this.models = this.layerModel.initModels();
+    }
+  }, {
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      this.models = this.layerModel.buildModels();
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      var type = this.getModelType();
+      var defaultConfig = {
+        canvas: {}
+      };
+      return defaultConfig[type];
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      return 'canvas';
+    }
+  }]);
+
+  return CanvasLayer;
+}(BaseLayer);
+
+export { CanvasLayer as default };
+//# sourceMappingURL=index.js.map

package/es/canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/canvas/index.ts"],"names":["BaseLayer","CanvasModels","CanvasLayer","modelType","getModelType","layerModel","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","canvas"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AAEA,OAAOC,YAAP,MAA8C,gBAA9C;;IACqBC,W;;;;;;;;;;;;;;;;2DACG,a;;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIJ,YAAY,CAACE,SAAD,CAAhB,CAA4B,IAA5B,CAAlB;AACA,WAAKG,MAAL,GAAc,KAAKD,UAAL,CAAgBE,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKD,UAAL,CAAgBG,WAAhB,EAAd;AACD;;;WACD,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,MAAM,EAAE;AADY,OAAtB;AAGA,aAAOD,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA0C;AACxC,aAAO,QAAP;AACD;;;;EA/BsCX,S;;SAApBE,W","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { ICanvasLayerStyleOptions } from '../core/interface';\nimport CanvasModels, { CanvasModelType } from './models/index';\nexport default class CanvasLayer extends BaseLayer<ICanvasLayerStyleOptions> {\n  public type: string = 'CanvasLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new CanvasModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\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      canvas: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): CanvasModelType {\n    return 'canvas';\n  }\n}\n"],"file":"index.js"}

package/es/canvas/models/canvas.d.ts

@@ -0,0 +1,18 @@
+import BaseModel from '../../core/BaseModel';
+import { CanvasUpdateType } from '../../core/interface';
+export default class CanvaModel extends BaseModel {
+    protected updateMode: CanvasUpdateType;
+    protected canvas: HTMLCanvasElement;
+    protected ctx: CanvasRenderingContext2D;
+    protected prevSize: [number, number];
+    renderUpdate: () => void;
+    unBindListener: () => void;
+    bindListener: () => void;
+    clearModels(): void;
+    initModels(): never[];
+    initCanvas(): void;
+    clearCanvas: () => void;
+    renderCanvas: () => void;
+    buildModels(): never[];
+    protected registerBuiltinAttributes(): void;
+}