@antv/l7-layers 2.10.6 → 2.10.9

package/es/utils/layerData.js

@@ -1,6 +1,6 @@
 import { Version } from '@antv/l7-maps';
 import Source from '@antv/l7-source';
-import { isColor, normalize, rgb2arr } from '@antv/l7-utils';
+import { normalize, rgb2arr } from '@antv/l7-utils';
 import { cloneDeep } from 'lodash';
 
 function getArrowPoints(p1, p2) {
@@ -91,7 +91,7 @@ function unProjectCoordinates(coordinates, mapService) {
   }
 }
 
-function applyAttributeMapping(attribute, record, minimumColor) {
+function applyAttributeMapping(attribute, record) {
   var _attribute$scale;
 
   if (!attribute.scale) {
@@ -111,15 +111,10 @@ function applyAttributeMapping(attribute, record, minimumColor) {
     }
   });
   var mappingResult = attribute.mapping ? attribute.mapping(params) : [];
-
-  if (attribute.name === 'color' && !isColor(mappingResult[0])) {
-    return [minimumColor];
-  }
-
   return mappingResult;
 }
 
-function mapping(attributes, data, fontService, mapService, minimumColor, layer) {
+function mapping(attributes, data, fontService, mapService, layer) {
   var _ref2 = layer === null || layer === void 0 ? void 0 : layer.getLayerConfig(),
       _ref2$arrow = _ref2.arrow,
       arrow = _ref2$arrow === void 0 ? {
@@ -134,7 +129,7 @@ function mapping(attributes, data, fontService, mapService, minimumColor, layer)
     attributes.filter(function (attribute) {
       return attribute.scale !== undefined;
     }).forEach(function (attribute) {
-      var values = applyAttributeMapping(attribute, record, minimumColor);
+      var values = applyAttributeMapping(attribute, record);
       attribute.needRemapping = false; // TODO: 支持每个属性配置 postprocess
 
       if (attribute.name === 'color') {
@@ -169,11 +164,10 @@ function mapping(attributes, data, fontService, mapService, minimumColor, layer)
 
 export function calculateData(layer, fontService, mapService, styleAttributeService, data, options) {
   var source = new Source(data, options);
-  var bottomColor = layer.getBottomColor();
   var attributes = styleAttributeService.getLayerStyleAttributes() || [];
   var dataArray = source.data.dataArray;
   var filterData = dataArray;
-  var mappedEncodeData = mapping(attributes, filterData, fontService, mapService, bottomColor, layer);
+  var mappedEncodeData = mapping(attributes, filterData, fontService, mapService, layer);
   source.destroy();
   return mappedEncodeData;
 }

package/es/utils/symbol-layout.d.ts

@@ -2,7 +2,7 @@ interface IPoint {
     x: number;
     y: number;
 }
-export declare type anchorType = 'right' | 'top-right' | 'left' | 'bottom-right' | 'left' | 'top-left' | 'bottom-left' | 'bottom' | 'bottom-right' | 'bottom-left' | 'top' | 'top-right' | 'top-left' | 'center';
+export type anchorType = 'right' | 'top-right' | 'left' | 'bottom-right' | 'left' | 'top-left' | 'bottom-left' | 'bottom' | 'bottom-right' | 'bottom-left' | 'top' | 'top-right' | 'top-left' | 'center';
 export interface IGlyphQuad {
     tr: IPoint;
     tl: IPoint;

package/es/wind/index.d.ts

@@ -3,9 +3,8 @@ import { IWindLayerStyleOptions } from '../core/interface';
 import { WindModelType } from './models';
 export default class WindLayer extends BaseLayer<IWindLayerStyleOptions> {
     type: string;
-    buildModels(): void;
-    rebuildModels(): void;
+    buildModels(): Promise<void>;
     renderModels(): this;
     protected getDefaultConfig(): {};
-    protected getModelType(): WindModelType;
+    getModelType(): WindModelType;
 }

package/es/wind/index.js

@@ -1,3 +1,4 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
@@ -5,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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); }; }
 
@@ -36,24 +38,32 @@ var WindLayer = /*#__PURE__*/function (_BaseLayer) {
 
   _createClass(WindLayer, [{
     key: "buildModels",
-    value: function buildModels() {
-      var _this2 = this;
-
-      var modelType = this.getModelType();
-      this.layerModel = new WindModels[modelType](this);
-      this.layerModel.initModels(function (models) {
-        _this2.dispatchModelLoad(models);
-      });
-    }
-  }, {
-    key: "rebuildModels",
-    value: function rebuildModels() {
-      var _this3 = this;
+    value: function () {
+      var _buildModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var modelType;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                modelType = this.getModelType();
+                this.layerModel = new WindModels[modelType](this);
+                _context.next = 4;
+                return this.initLayerModels();
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function buildModels() {
+        return _buildModels.apply(this, arguments);
+      }
 
-      this.layerModel.buildModels(function (models) {
-        _this3.dispatchModelLoad(models);
-      });
-    }
+      return buildModels;
+    }()
   }, {
     key: "renderModels",
     value: function renderModels() {

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

@@ -1,4 +1,4 @@
-export declare type WindModelType = 'wind';
+export type WindModelType = 'wind';
 declare const WindModels: {
     [key in WindModelType]: any;
 };

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

@@ -10,12 +10,12 @@ export default class WindModel extends BaseModel {
     private cacheZoom;
     render(): void;
     getUninforms(): IModelUniform;
-    initModels(callbackModel: (models: IModel[]) => void): void;
+    initModels(): Promise<IModel[]>;
     getWindSize(): {
         imageWidth: number;
         imageHeight: number;
     };
-    buildModels(callbackModel: (models: IModel[]) => void): void;
+    buildModels(): Promise<IModel[]>;
     clearModels(): void;
     protected registerBuiltinAttributes(): void;
     private getZoomScale;

package/es/wind/models/wind.js

@@ -1,3 +1,4 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
@@ -5,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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); }; }
 
@@ -73,103 +75,99 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
     }
   }, {
     key: "initModels",
-    value: function initModels(callbackModel) {
-      var _source$data,
-          _source$data2,
-          _source$data2$images,
-          _this3 = this;
-
-      var _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;
-
-      var createTexture2D = this.rendererService.createTexture2D;
-      var source = this.layer.getSource();
-      this.texture = createTexture2D({
-        height: 0,
-        width: 0
-      });
-      this.cacheZoom = Math.floor(this.mapService.getZoom());
-      var glContext = this.rendererService.getGLContext();
-      this.imageCoords = (_source$data = source.data) === null || _source$data === void 0 ? void 0 : _source$data.dataArray[0].coordinates;
-      (_source$data2 = source.data) === null || _source$data2 === void 0 ? void 0 : (_source$data2$images = _source$data2.images) === null || _source$data2$images === void 0 ? void 0 : _source$data2$images.then(function (imageData) {
-        var _this3$texture;
-
-        _this3.sizeScale = sizeScale * _this3.getZoomScale();
-
-        var _this3$getWindSize = _this3.getWindSize(),
-            imageWidth = _this3$getWindSize.imageWidth,
-            imageHeight = _this3$getWindSize.imageHeight;
-
-        var options = {
-          glContext: glContext,
-          imageWidth: imageWidth,
-          imageHeight: imageHeight,
-          fadeOpacity: fadeOpacity,
-          speedFactor: speedFactor,
-          dropRate: dropRate,
-          dropRateBump: dropRateBump,
-          rampColors: rampColors
-        };
-        _this3.wind = new Wind(options); // imageData[0] 风场图
-
-        _this3.wind.setWind({
-          uMin: uMin,
-          uMax: uMax,
-          vMin: vMin,
-          vMax: vMax,
-          image: imageData[0]
-        });
+    value: function () {
+      var _initModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _source$data,
+            _source$data2,
+            _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;
+
+        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;
+                createTexture2D = this.rendererService.createTexture2D;
+                source = this.layer.getSource();
+                this.texture = createTexture2D({
+                  height: 0,
+                  width: 0
+                });
+                this.cacheZoom = Math.floor(this.mapService.getZoom());
+                glContext = this.rendererService.getGLContext();
+                this.imageCoords = (_source$data = source.data) === null || _source$data === void 0 ? void 0 : _source$data.dataArray[0].coordinates;
+                (_source$data2 = source.data) === null || _source$data2 === void 0 ? void 0 : (_source$data2$images = _source$data2.images) === null || _source$data2$images === void 0 ? void 0 : _source$data2$images.then(function (imageData) {
+                  var _this3$texture;
+
+                  _this3.sizeScale = sizeScale * _this3.getZoomScale();
+
+                  var _this3$getWindSize = _this3.getWindSize(),
+                      imageWidth = _this3$getWindSize.imageWidth,
+                      imageHeight = _this3$getWindSize.imageHeight;
+
+                  var options = {
+                    glContext: glContext,
+                    imageWidth: imageWidth,
+                    imageHeight: imageHeight,
+                    fadeOpacity: fadeOpacity,
+                    speedFactor: speedFactor,
+                    dropRate: dropRate,
+                    dropRateBump: dropRateBump,
+                    rampColors: rampColors
+                  };
+                  _this3.wind = new Wind(options); // imageData[0] 风场图
+
+                  _this3.wind.setWind({
+                    uMin: uMin,
+                    uMax: uMax,
+                    vMin: vMin,
+                    vMax: vMax,
+                    image: imageData[0]
+                  });
+
+                  (_this3$texture = _this3.texture) === null || _this3$texture === void 0 ? void 0 : _this3$texture.destroy();
+                  _this3.texture = createTexture2D({
+                    width: imageWidth,
+                    height: imageHeight
+                  });
+
+                  _this3.layerService.reRender();
+                });
+                _context.next = 10;
+                return this.layer.buildLayerModel({
+                  moduleName: 'wind',
+                  vertexShader: WindVert,
+                  fragmentShader: WindFrag,
+                  triangulation: RasterImageTriangulation,
+                  primitive: gl.TRIANGLES,
+                  depth: {
+                    enable: false
+                  },
+                  stencil: getMask(mask, maskInside),
+                  blend: this.getBlend()
+                });
+
+              case 10:
+                model = _context.sent;
+                this.colorModel = model;
+                return _context.abrupt("return", [model]);
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
 
-        (_this3$texture = _this3.texture) === null || _this3$texture === void 0 ? void 0 : _this3$texture.destroy();
-        _this3.texture = createTexture2D({
-          width: imageWidth,
-          height: imageHeight
-        });
+      function initModels() {
+        return _initModels.apply(this, arguments);
+      }
 
-        _this3.layerService.reRender();
-      });
-      this.layer.buildLayerModel({
-        moduleName: 'wind',
-        vertexShader: WindVert,
-        fragmentShader: WindFrag,
-        triangulation: RasterImageTriangulation,
-        primitive: gl.TRIANGLES,
-        depth: {
-          enable: false
-        },
-        stencil: getMask(mask, maskInside),
-        blend: this.getBlend()
-      }).then(function (model) {
-        _this3.colorModel = model;
-        callbackModel([model]);
-      }).catch(function (err) {
-        console.warn(err);
-        callbackModel([]);
-      });
-    }
+      return initModels;
+    }()
   }, {
     key: "getWindSize",
     value: function getWindSize() {
@@ -184,9 +182,32 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
     }
   }, {
     key: "buildModels",
-    value: function buildModels(callbackModel) {
-      this.initModels(callbackModel);
-    }
+    value: function () {
+      var _buildModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return this.initModels();
+
+              case 2:
+                return _context2.abrupt("return", _context2.sent);
+
+              case 3:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function buildModels() {
+        return _buildModels.apply(this, arguments);
+      }
+
+      return buildModels;
+    }()
   }, {
     key: "clearModels",
     value: function clearModels() {
@@ -296,18 +317,16 @@ var WindModel = /*#__PURE__*/function (_BaseModel) {
       var _ref3 = this.layer.getLayerConfig(),
           opacity = _ref3.opacity;
 
-      this.layer.masks.map(function (m) {
-        m.hooks.beforeRenderData.call();
-        m.hooks.beforeRender.call();
-        m.render();
-        m.hooks.afterRender.call();
-      });
+      this.layerService.beforeRenderData(this.layer);
+      this.layer.hooks.beforeRender.call();
+      this.layerService.renderMask(this.layer.masks);
       (_this$colorModel = this.colorModel) === null || _this$colorModel === void 0 ? void 0 : _this$colorModel.draw({
         uniforms: {
           u_opacity: opacity || 1.0,
           u_texture: this.texture
         }
       });
+      this.layer.hooks.afterRender.call();
     }
   }]);
 

package/lib/Geometry/index.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -63,24 +67,32 @@ var GeometryLayer = /*#__PURE__*/function (_BaseLayer) {
 
   (0, _createClass2.default)(GeometryLayer, [{
     key: "buildModels",
-    value: function buildModels() {
-      var _this2 = this;
-
-      var modelType = this.getModelType();
-      this.layerModel = new _models.default[modelType](this);
-      this.layerModel.initModels(function (models) {
-        _this2.dispatchModelLoad(models);
-      });
-    }
-  }, {
-    key: "rebuildModels",
-    value: function rebuildModels() {
-      var _this3 = this;
+    value: function () {
+      var _buildModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var modelType;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                modelType = this.getModelType();
+                this.layerModel = new _models.default[modelType](this);
+                _context.next = 4;
+                return this.initLayerModels();
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function buildModels() {
+        return _buildModels.apply(this, arguments);
+      }
 
-      this.layerModel.buildModels(function (models) {
-        _this3.dispatchModelLoad(models);
-      });
-    }
+      return buildModels;
+    }()
   }, {
     key: "getDefaultConfig",
     value: function getDefaultConfig() {

package/lib/Geometry/models/billboard.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -82,7 +86,7 @@ var BillBoardModel = /*#__PURE__*/function (_BaseModel) {
           raisingHeight = _ref2$raisingHeight === void 0 ? 0 : _ref2$raisingHeight;
       /**
        *               rotateFlag
-       * L7MAP            1
+       * DEFAULT            1
        * MAPBOX           1
        * GAODE2.x         -1
        * GAODE1.x         -1
@@ -115,47 +119,85 @@ var BillBoardModel = /*#__PURE__*/function (_BaseModel) {
     }
   }, {
     key: "initModels",
-    value: function initModels(callbackModel) {
-      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,
-          drawCanvas = _ref3.drawCanvas;
-
-      var createTexture2D = this.rendererService.createTexture2D;
-      this.texture = createTexture2D({
-        height: 0,
-        width: 0
-      });
+    value: function () {
+      var _initModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var _ref3, _ref3$mask, mask, _ref3$maskInside, maskInside, 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;
+                createTexture2D = this.rendererService.createTexture2D;
+                this.texture = createTexture2D({
+                  height: 0,
+                  width: 0
+                });
+
+                if (drawCanvas) {
+                  this.updateTexture(drawCanvas);
+                }
+
+                _context.next = 6;
+                return this.layer.buildLayerModel({
+                  moduleName: 'geometryBillboard',
+                  vertexShader: planeVert,
+                  fragmentShader: planeFrag,
+                  triangulation: this.planeGeometryTriangulation,
+                  primitive: _l7Core.gl.TRIANGLES,
+                  depth: {
+                    enable: true
+                  },
+                  blend: this.getBlend(),
+                  stencil: (0, _l7Utils.getMask)(mask, maskInside)
+                });
+
+              case 6:
+                model = _context.sent;
+                return _context.abrupt("return", [model]);
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
 
-      if (drawCanvas) {
-        this.updateTexture(drawCanvas);
+      function initModels() {
+        return _initModels.apply(this, arguments);
       }
 
-      this.layer.buildLayerModel({
-        moduleName: 'geometryBillboard',
-        vertexShader: planeVert,
-        fragmentShader: planeFrag,
-        triangulation: this.planeGeometryTriangulation,
-        primitive: _l7Core.gl.TRIANGLES,
-        depth: {
-          enable: true
-        },
-        blend: this.getBlend(),
-        stencil: (0, _l7Utils.getMask)(mask, maskInside)
-      }).then(function (model) {
-        callbackModel([model]);
-      }).catch(function (err) {
-        console.warn(err);
-        callbackModel([]);
-      });
-    }
+      return initModels;
+    }()
   }, {
     key: "buildModels",
-    value: function buildModels(callbackModel) {
-      this.initModels(callbackModel);
-    }
+    value: function () {
+      var _buildModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return this.initModels();
+
+              case 2:
+                return _context2.abrupt("return", _context2.sent);
+
+              case 3:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function buildModels() {
+        return _buildModels.apply(this, arguments);
+      }
+
+      return buildModels;
+    }()
   }, {
     key: "updateTexture",
     value: function updateTexture(drawCanvas) {