@antv/l7-layers 2.14.1 → 2.14.2

package/es/tile/tileFactory/Tile.js

@@ -6,6 +6,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { createLayerContainer } from '@antv/l7-core';
+import PolygonLayer from "../../polygon";
 import { isNeedMask } from "./util";
 
 var Tile = /*#__PURE__*/function () {
@@ -18,6 +19,8 @@ var Tile = /*#__PURE__*/function () {
 
     _defineProperty(this, "isLoaded", false);
 
+    _defineProperty(this, "tileMaskLayers", []);
+
     this.parent = parent;
     this.sourceTile = sourceTile;
     this.x = sourceTile.x;
@@ -53,30 +56,80 @@ var Tile = /*#__PURE__*/function () {
   }, {
     key: "getLayerOptions",
     value: function getLayerOptions() {
+      var _options$maskLayers;
+
       var options = this.parent.getLayerConfig();
       return _objectSpread(_objectSpread({}, options), {}, {
         autoFit: false,
-        mask: isNeedMask(this.parent.type) || options.mask
+        maskLayers: this.getMaskLayer(),
+        tileMask: isNeedMask(this.parent.type),
+        mask: options.mask || ((_options$maskLayers = options.maskLayers) === null || _options$maskLayers === void 0 ? void 0 : _options$maskLayers.length) !== 0 && options.enableMask
+      });
+    } // 获取Mask 图层
+
+  }, {
+    key: "getMaskLayer",
+    value: function getMaskLayer() {
+      var _this = this;
+
+      var _this$parent$getLayer = this.parent.getLayerConfig(),
+          maskLayers = _this$parent$getLayer.maskLayers;
+
+      var layers = [];
+      maskLayers === null || maskLayers === void 0 ? void 0 : maskLayers.forEach(function (layer) {
+        if (!layer.tileLayer) {
+          // 非瓦片图层返回图层本身，瓦片图层返回对应的行列号图层
+          layers.push(layer);
+          return layer;
+        }
+
+        var tileLayer = layer.tileLayer;
+        var tile = tileLayer.getTile(_this.sourceTile.key);
+        var l = tile === null || tile === void 0 ? void 0 : tile.getLayers()[0];
+
+        if (l) {
+          layers.push(l);
+        }
       });
+      return layers;
     }
   }, {
-    key: "addMask",
+    key: "addTileMask",
     value: function () {
-      var _addMask = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(layer, mask) {
-        var container;
+      var _addTileMask = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var mask, container, mainLayer;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
+                mask = new PolygonLayer({
+                  visible: false,
+                  enablePicking: false
+                }).source({
+                  type: 'FeatureCollection',
+                  features: [this.sourceTile.bboxPolygon]
+                }, {
+                  parser: {
+                    type: 'geojson',
+                    featureId: 'id'
+                  }
+                }).shape('fill');
                 container = createLayerContainer(this.parent.sceneContainer);
                 mask.setContainer(container, this.parent.sceneContainer);
-                _context.next = 4;
+                _context.next = 5;
                 return mask.init();
 
-              case 4:
-                layer.addMaskLayer(mask);
-
               case 5:
+                this.tileMask = mask;
+                mainLayer = this.getMainLayer();
+
+                if (mainLayer !== undefined) {
+                  mainLayer.tileMask = mask;
+                }
+
+                return _context.abrupt("return", mask);
+
+              case 9:
               case "end":
                 return _context.stop();
             }
@@ -84,6 +137,38 @@ var Tile = /*#__PURE__*/function () {
         }, _callee, this);
       }));
 
+      function addTileMask() {
+        return _addTileMask.apply(this, arguments);
+      }
+
+      return addTileMask;
+    }()
+  }, {
+    key: "addMask",
+    value: function () {
+      var _addMask = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layer, mask) {
+        var container;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                container = createLayerContainer(this.parent.sceneContainer);
+                mask.setContainer(container, this.parent.sceneContainer);
+                _context2.next = 4;
+                return mask.init();
+
+              case 4:
+                layer.addMask(mask);
+                this.tileMaskLayers.push(mask);
+
+              case 6:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
       function addMask(_x, _x2) {
         return _addMask.apply(this, arguments);
       }
@@ -93,26 +178,26 @@ var Tile = /*#__PURE__*/function () {
   }, {
     key: "addLayer",
     value: function () {
-      var _addLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layer) {
+      var _addLayer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(layer) {
         var container;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
                 // set flag
                 layer.isTileLayer = true;
                 container = createLayerContainer(this.parent.sceneContainer);
                 layer.setContainer(container, this.parent.sceneContainer);
                 this.layers.push(layer);
-                _context2.next = 6;
+                _context3.next = 6;
                 return layer.init();
 
               case 6:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
 
       function addLayer(_x3) {
@@ -162,6 +247,9 @@ var Tile = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
+      var _this$tileMask;
+
+      (_this$tileMask = this.tileMask) === null || _this$tileMask === void 0 ? void 0 : _this$tileMask.destroy();
       this.layers.forEach(function (layer) {
         return layer.destroy();
       });

package/es/tile/tileFactory/VectorTile.d.ts

@@ -2,7 +2,6 @@ import { ILayer } from '@antv/l7-core';
 import Tile from './Tile';
 export default class VectorTile extends Tile {
     initTileLayer(): Promise<void>;
-    protected addTileMask(layer: ILayer): Promise<void>;
     protected getSourceOption(): {
         data: {
             type: string;

package/es/tile/tileFactory/VectorTile.js

@@ -11,7 +11,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 MaskLayer from "../../mask";
 import Tile from "./Tile";
 import { getTileLayer } from "./util";
 
@@ -58,18 +57,17 @@ var VectorTile = /*#__PURE__*/function (_Tile) {
 
                   layer[attr]((_attributes$attr = attributes[attr]) === null || _attributes$attr === void 0 ? void 0 : _attributes$attr.field, (_attributes$attr2 = attributes[attr]) === null || _attributes$attr2 === void 0 ? void 0 : _attributes$attr2.values);
                 });
+                _context.next = 11;
+                return this.addLayer(layer);
 
-                if (!layerOptions.mask) {
-                  _context.next = 12;
+              case 11:
+                if (!layerOptions.tileMask) {
+                  _context.next = 14;
                   break;
                 }
 
-                _context.next = 12;
-                return this.addTileMask(layer);
-
-              case 12:
                 _context.next = 14;
-                return this.addLayer(layer);
+                return this.addTileMask();
 
               case 14:
                 this.setLayerMinMaxZoom(layer);
@@ -88,44 +86,6 @@ var VectorTile = /*#__PURE__*/function (_Tile) {
       }
 
       return initTileLayer;
-    }() // Todo 校验数据有效性
-
-  }, {
-    key: "addTileMask",
-    value: function () {
-      var _addTileMask = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(layer) {
-        var mask;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                mask = new MaskLayer({
-                  layerType: 'MaskLayer'
-                }).source({
-                  type: 'FeatureCollection',
-                  features: [this.sourceTile.bboxPolygon]
-                }, {
-                  parser: {
-                    type: 'geojson',
-                    featureId: 'id'
-                  }
-                });
-                _context2.next = 3;
-                return this.addMask(layer, mask);
-
-              case 3:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function addTileMask(_x) {
-        return _addTileMask.apply(this, arguments);
-      }
-
-      return addTileMask;
     }()
   }, {
     key: "getSourceOption",

package/es/tile/tileLayer/BaseLayer.d.ts

@@ -27,6 +27,7 @@ export default class BaseTileLayer {
     render(): void;
     getLayers(): ILayer[];
     getTiles(): import("@antv/l7-core").ITile[];
+    getTile(key: string): import("@antv/l7-core").ITile | undefined;
     viewchange: import("lodash").DebouncedFunc<() => void>;
     tileLoaded(tile: SourceTile): void;
     tileError(error: Error): void;

package/es/tile/tileLayer/BaseLayer.js

@@ -155,6 +155,11 @@ var BaseTileLayer = /*#__PURE__*/function () {
     key: "getTiles",
     value: function getTiles() {
       return this.tileLayerService.getTiles();
+    }
+  }, {
+    key: "getTile",
+    value: function getTile(key) {
+      return this.tileLayerService.getTile(key);
     } //  防抖操作
 
   }, {

package/es/utils/stencil.d.ts

@@ -0,0 +1,7 @@
+import { IRenderOptions, IStencilOptions, MaskOperationType } from '@antv/l7-core';
+export declare function getStencil(mask: boolean, maskInside: boolean): Partial<IStencilOptions>;
+interface IStencilMaskOptions extends IRenderOptions {
+    maskOperation?: MaskOperationType;
+}
+export declare function getStencilMask(option: Partial<IStencilMaskOptions>): Partial<IStencilOptions>;
+export {};

package/es/utils/stencil.js

@@ -0,0 +1,50 @@
+import { gl, MaskOperation, StencilType } from '@antv/l7-core'; // 掩膜配置
+
+export function getStencil(mask, maskInside) {
+  return {
+    enable: mask,
+    mask: 0xff,
+    func: {
+      cmp: gl.EQUAL,
+      // gl.EQUAL,
+      ref: maskInside ? 1 : 0,
+      mask: 1
+    }
+  };
+}
+// 模版配置
+export function getStencilMask(option) {
+  if (option.maskOperation === MaskOperation.OR) {
+    return {
+      enable: true,
+      mask: 0xff,
+      func: {
+        cmp: gl.ALWAYS,
+        ref: 1,
+        mask: 0xff
+      },
+      opFront: {
+        fail: gl.KEEP,
+        zfail: gl.REPLACE,
+        zpass: gl.REPLACE
+      }
+    };
+  }
+
+  return {
+    enable: true,
+    mask: 0xff,
+    func: {
+      cmp: option.stencilType === StencilType.SINGLE // 单层
+      ? gl.ALWAYS : option.stencilIndex === 0 // 多层
+      ? gl.ALWAYS : gl.LESS,
+      ref: option.stencilType === StencilType.SINGLE ? 1 : option.stencilIndex === 0 ? 2 : 1,
+      mask: 0xff
+    },
+    opFront: {
+      fail: gl.KEEP,
+      zfail: gl.REPLACE,
+      zpass: gl.REPLACE
+    }
+  };
+}

package/es/wind/index.d.ts

@@ -1,10 +1,11 @@
+import { IRenderOptions } from '@antv/l7-core';
 import BaseLayer from '../core/BaseLayer';
 import { IWindLayerStyleOptions } from '../core/interface';
 import { WindModelType } from './models';
 export default class WindLayer extends BaseLayer<IWindLayerStyleOptions> {
     type: string;
     buildModels(): Promise<void>;
-    renderModels(): this;
+    renderModels(options?: Partial<IRenderOptions>): this;
     protected getDefaultConfig(): {};
     getModelType(): WindModelType;
 }

package/es/wind/index.js

@@ -67,8 +67,10 @@ var WindLayer = /*#__PURE__*/function (_BaseLayer) {
   }, {
     key: "renderModels",
     value: function renderModels() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
       if (this.layerModel) {
-        this.layerModel.render(); // 独立的渲染流程
+        this.layerModel.render(options); // 独立的渲染流程
       }
 
       return this;

package/es/wind/models/wind.d.ts

@@ -1,4 +1,4 @@
-import { IModel, IModelUniform, ITexture2D } from '@antv/l7-core';
+import { IModel, IModelUniform, IRenderOptions, ITexture2D } from '@antv/l7-core';
 import BaseModel from '../../core/BaseModel';
 export default class WindModel extends BaseModel {
     protected texture: ITexture2D;
@@ -8,7 +8,7 @@ export default class WindModel extends BaseModel {
     private sizeScale;
     private frequency;
     private cacheZoom;
-    render(): void;
+    render(options: Partial<IRenderOptions>): void;
     getUninforms(): IModelUniform;
     initModels(): Promise<IModel[]>;
     getWindSize(): {

package/es/wind/models/wind.js

@@ -13,7 +13,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 { FrequencyController, getMask } from '@antv/l7-utils';
+import { FrequencyController } from '@antv/l7-utils';
 import BaseModel from "../../core/BaseModel";
 import { RasterImageTriangulation } from "../../core/triangulation";
 
@@ -59,14 +59,14 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
 
   _createClass(WindModel, [{
     key: "render",
-    value: function render() {
+    value: function render(options) {
       var _this2 = this;
 
-      // Tip: 控制风场的平均更新频率
+      this.drawColorMode(options); // Tip: 控制风场的平均更新频率
+
       this.frequency.run(function () {
         _this2.drawWind();
       });
-      this.drawColorMode();
     }
   }, {
     key: "getUninforms",
@@ -82,13 +82,13 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
             _source$data2$images,
             _this3 = this;
 
-        var _ref, _ref$uMin, uMin, _ref$uMax, uMax, _ref$vMin, vMin, _ref$vMax, vMax, _ref$fadeOpacity, fadeOpacity, _ref$speedFactor, speedFactor, _ref$dropRate, dropRate, _ref$dropRateBump, dropRateBump, _ref$rampColors, rampColors, _ref$sizeScale, sizeScale, _ref$mask, mask, _ref$maskInside, maskInside, createTexture2D, source, glContext, model;
+        var _ref, _ref$uMin, uMin, _ref$uMax, uMax, _ref$vMin, vMin, _ref$vMax, vMax, _ref$fadeOpacity, fadeOpacity, _ref$speedFactor, speedFactor, _ref$dropRate, dropRate, _ref$dropRateBump, dropRateBump, _ref$rampColors, rampColors, _ref$sizeScale, sizeScale, createTexture2D, source, glContext, model;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _ref = this.layer.getLayerConfig(), _ref$uMin = _ref.uMin, uMin = _ref$uMin === void 0 ? -21.32 : _ref$uMin, _ref$uMax = _ref.uMax, uMax = _ref$uMax === void 0 ? 26.8 : _ref$uMax, _ref$vMin = _ref.vMin, vMin = _ref$vMin === void 0 ? -21.57 : _ref$vMin, _ref$vMax = _ref.vMax, vMax = _ref$vMax === void 0 ? 21.42 : _ref$vMax, _ref$fadeOpacity = _ref.fadeOpacity, fadeOpacity = _ref$fadeOpacity === void 0 ? 0.996 : _ref$fadeOpacity, _ref$speedFactor = _ref.speedFactor, speedFactor = _ref$speedFactor === void 0 ? 0.25 : _ref$speedFactor, _ref$dropRate = _ref.dropRate, dropRate = _ref$dropRate === void 0 ? 0.003 : _ref$dropRate, _ref$dropRateBump = _ref.dropRateBump, dropRateBump = _ref$dropRateBump === void 0 ? 0.01 : _ref$dropRateBump, _ref$rampColors = _ref.rampColors, rampColors = _ref$rampColors === void 0 ? defaultRampColors : _ref$rampColors, _ref$sizeScale = _ref.sizeScale, sizeScale = _ref$sizeScale === void 0 ? 0.5 : _ref$sizeScale, _ref$mask = _ref.mask, mask = _ref$mask === void 0 ? false : _ref$mask, _ref$maskInside = _ref.maskInside, maskInside = _ref$maskInside === void 0 ? true : _ref$maskInside;
+                _ref = this.layer.getLayerConfig(), _ref$uMin = _ref.uMin, uMin = _ref$uMin === void 0 ? -21.32 : _ref$uMin, _ref$uMax = _ref.uMax, uMax = _ref$uMax === void 0 ? 26.8 : _ref$uMax, _ref$vMin = _ref.vMin, vMin = _ref$vMin === void 0 ? -21.57 : _ref$vMin, _ref$vMax = _ref.vMax, vMax = _ref$vMax === void 0 ? 21.42 : _ref$vMax, _ref$fadeOpacity = _ref.fadeOpacity, fadeOpacity = _ref$fadeOpacity === void 0 ? 0.996 : _ref$fadeOpacity, _ref$speedFactor = _ref.speedFactor, speedFactor = _ref$speedFactor === void 0 ? 0.25 : _ref$speedFactor, _ref$dropRate = _ref.dropRate, dropRate = _ref$dropRate === void 0 ? 0.003 : _ref$dropRate, _ref$dropRateBump = _ref.dropRateBump, dropRateBump = _ref$dropRateBump === void 0 ? 0.01 : _ref$dropRateBump, _ref$rampColors = _ref.rampColors, rampColors = _ref$rampColors === void 0 ? defaultRampColors : _ref$rampColors, _ref$sizeScale = _ref.sizeScale, sizeScale = _ref$sizeScale === void 0 ? 0.5 : _ref$sizeScale;
                 createTexture2D = this.rendererService.createTexture2D;
                 source = this.layer.getSource();
                 this.texture = createTexture2D({
@@ -144,9 +144,7 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
                   primitive: gl.TRIANGLES,
                   depth: {
                     enable: false
-                  },
-                  stencil: getMask(mask, maskInside),
-                  blend: this.getBlend()
+                  }
                 });
 
               case 10:
@@ -310,6 +308,8 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
     value: function drawColorMode() {
       var _this$colorModel;
 
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
       var _ref3 = this.layer.getLayerConfig(),
           opacity = _ref3.opacity;
 
@@ -320,7 +320,9 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
         uniforms: {
           u_opacity: opacity || 1.0,
           u_texture: this.texture
-        }
+        },
+        blend: this.getBlend(),
+        stencil: this.getStencil(options)
       });
       this.layer.hooks.afterRender.call();
     }

package/lib/Geometry/models/billboard.js

@@ -29,8 +29,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _l7Core = require("@antv/l7-core");
 
-var _l7Utils = require("@antv/l7-utils");
-
 var _BaseModel2 = _interopRequireDefault(require("../../core/BaseModel"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -121,13 +119,13 @@ var BillBoardModel = /*#__PURE__*/function (_BaseModel) {
     key: "initModels",
     value: function () {
       var _initModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _ref3, _ref3$mask, mask, _ref3$maskInside, maskInside, drawCanvas, createTexture2D, model;
+        var _ref3, drawCanvas, createTexture2D, model;
 
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _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, drawCanvas = _ref3.drawCanvas;
+                _ref3 = this.layer.getLayerConfig(), drawCanvas = _ref3.drawCanvas;
                 createTexture2D = this.rendererService.createTexture2D;
                 this.texture = createTexture2D({
                   height: 0,
@@ -147,9 +145,7 @@ var BillBoardModel = /*#__PURE__*/function (_BaseModel) {
                   primitive: _l7Core.gl.TRIANGLES,
                   depth: {
                     enable: true
-                  },
-                  blend: this.getBlend(),
-                  stencil: (0, _l7Utils.getMask)(mask, maskInside)
+                  }
                 });
 
               case 6:

package/lib/Geometry/models/plane.js

@@ -33,8 +33,6 @@ var _l7Core = require("@antv/l7-core");
 
 var _l7Maps = require("@antv/l7-maps");
 
-var _l7Utils = require("@antv/l7-utils");
-
 var _BaseModel2 = _interopRequireDefault(require("../../core/BaseModel"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -197,13 +195,13 @@ var PlaneModel = /*#__PURE__*/function (_BaseModel) {
     key: "initModels",
     value: function () {
       var _initModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _ref5, _ref5$mask, mask, _ref5$maskInside, maskInside, mapTexture, createTexture2D, model;
+        var _ref5, mapTexture, createTexture2D, model;
 
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _ref5 = this.layer.getLayerConfig(), _ref5$mask = _ref5.mask, mask = _ref5$mask === void 0 ? false : _ref5$mask, _ref5$maskInside = _ref5.maskInside, maskInside = _ref5$maskInside === void 0 ? true : _ref5$maskInside, mapTexture = _ref5.mapTexture;
+                _ref5 = this.layer.getLayerConfig(), mapTexture = _ref5.mapTexture;
                 this.mapTexture = mapTexture;
                 createTexture2D = this.rendererService.createTexture2D;
                 this.texture = createTexture2D({
@@ -221,8 +219,6 @@ var PlaneModel = /*#__PURE__*/function (_BaseModel) {
                   depth: {
                     enable: true
                   },
-                  stencil: (0, _l7Utils.getMask)(mask, maskInside),
-                  blend: this.getBlend(),
                   cull: {
                     enable: true,
                     face: _l7Core.gl.BACK // gl.FRONT | gl.BACK;