@antv/l7-layers 2.17.2 → 2.17.4

package/lib/tile/service/TilePickService.js

@@ -1,25 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TilePickService = void 0;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _l7Core = require("@antv/l7-core");
+
 var _l7Utils = require("@antv/l7-utils");
+
 var _TileSourceService = require("./TileSourceService");
+
 var SELECT = 'select';
 var ACTIVE = 'active';
+
 var TilePickService = /*#__PURE__*/function () {
   function TilePickService(_ref) {
     var layerService = _ref.layerService,
-      tileLayerService = _ref.tileLayerService,
-      parent = _ref.parent;
+        tileLayerService = _ref.tileLayerService,
+        parent = _ref.parent;
     (0, _classCallCheck2.default)(this, TilePickService);
     (0, _defineProperty2.default)(this, "tilePickID", new Map());
     this.layerService = layerService;
@@ -27,11 +38,13 @@ var TilePickService = /*#__PURE__*/function () {
     this.parent = parent;
     this.tileSourceService = new _TileSourceService.TileSourceService();
   }
+
   (0, _createClass2.default)(TilePickService, [{
     key: "pickRender",
     value: function pickRender(target) {
       // 一个 TileLayer 有多个 Tile，但是会同时触发事件的只有一个 Tile
       var tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
+
       if (tile) {
         // TODO 多图层拾取
         var pickLayer = tile.getMainLayer();
@@ -43,14 +56,18 @@ var TilePickService = /*#__PURE__*/function () {
     value: function pick(layer, target) {
       var container = this.parent.getContainer();
       var pickingService = container.get(_l7Core.TYPES.IPickingService);
+
       if (layer.type === 'RasterLayer') {
         var tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
+
         if (tile && tile.getMainLayer() !== undefined) {
           var pickLayer = tile.getMainLayer();
           return pickLayer.layerPickService.pickRasterLayer(pickLayer, target, this.parent);
         }
+
         return false;
       }
+
       this.pickRender(target);
       return pickingService.pickFromPickingFBO(layer, target);
     }
@@ -59,9 +76,10 @@ var TilePickService = /*#__PURE__*/function () {
     value: function selectFeature(pickedColors) {
       // @ts-ignore
       var _pickedColors = (0, _slicedToArray2.default)(pickedColors, 3),
-        r = _pickedColors[0],
-        g = _pickedColors[1],
-        b = _pickedColors[2];
+          r = _pickedColors[0],
+          g = _pickedColors[1],
+          b = _pickedColors[2];
+
       var id = this.color2PickId(r, g, b);
       this.tilePickID.set(SELECT, id);
       this.updateHighLight(r, g, b, SELECT);
@@ -71,9 +89,10 @@ var TilePickService = /*#__PURE__*/function () {
     value: function highlightPickedFeature(pickedColors) {
       // @ts-ignore
       var _pickedColors2 = (0, _slicedToArray2.default)(pickedColors, 3),
-        r = _pickedColors2[0],
-        g = _pickedColors2[1],
-        b = _pickedColors2[2];
+          r = _pickedColors2[0],
+          g = _pickedColors2[1],
+          b = _pickedColors2[2];
+
       var id = this.color2PickId(r, g, b);
       this.tilePickID.set(ACTIVE, id);
       this.updateHighLight(r, g, b, ACTIVE);
@@ -83,10 +102,12 @@ var TilePickService = /*#__PURE__*/function () {
     value: function updateHighLight(r, g, b, type) {
       this.tileLayerService.tiles.map(function (tile) {
         var layer = tile.getMainLayer();
+
         switch (type) {
           case SELECT:
             layer === null || layer === void 0 ? void 0 : layer.hooks.beforeSelect.call([r, g, b]);
             break;
+
           case ACTIVE:
             layer === null || layer === void 0 ? void 0 : layer.hooks.beforeHighlight.call([r, g, b]);
             break;
@@ -98,21 +119,25 @@ var TilePickService = /*#__PURE__*/function () {
     value: function setPickState() {
       var selectColor = this.tilePickID.get(SELECT);
       var activeColor = this.tilePickID.get(ACTIVE);
+
       if (selectColor) {
         var _this$pickId2Color = this.pickId2Color(selectColor),
-          _this$pickId2Color2 = (0, _slicedToArray2.default)(_this$pickId2Color, 3),
-          r = _this$pickId2Color2[0],
-          g = _this$pickId2Color2[1],
-          b = _this$pickId2Color2[2];
+            _this$pickId2Color2 = (0, _slicedToArray2.default)(_this$pickId2Color, 3),
+            r = _this$pickId2Color2[0],
+            g = _this$pickId2Color2[1],
+            b = _this$pickId2Color2[2];
+
         this.updateHighLight(r, g, b, SELECT);
         return;
       }
+
       if (activeColor) {
         var _this$pickId2Color3 = this.pickId2Color(activeColor),
-          _this$pickId2Color4 = (0, _slicedToArray2.default)(_this$pickId2Color3, 3),
-          _r = _this$pickId2Color4[0],
-          _g = _this$pickId2Color4[1],
-          _b = _this$pickId2Color4[2];
+            _this$pickId2Color4 = (0, _slicedToArray2.default)(_this$pickId2Color3, 3),
+            _r = _this$pickId2Color4[0],
+            _g = _this$pickId2Color4[1],
+            _b = _this$pickId2Color4[2];
+
         this.updateHighLight(_r, _g, _b, ACTIVE);
         return;
       }
@@ -127,31 +152,27 @@ var TilePickService = /*#__PURE__*/function () {
     value: function pickId2Color(str) {
       return (0, _l7Utils.encodePickingColor)(str);
     }
-
     /** 从瓦片中根据数据 */
+
   }, {
     key: "getFeatureById",
     value: function getFeatureById(pickedFeatureIdx) {
       // 提取当前可见瓦片
       var tiles = this.tileLayerService.getTiles().filter(function (tile) {
         return tile.visible;
-      });
-      // 提取当前可见瓦片中匹配 ID 的 feature 列表
+      }); // 提取当前可见瓦片中匹配 ID 的 feature 列表
+
       var features = [];
       tiles.forEach(function (tile) {
         features.push.apply(features, (0, _toConsumableArray2.default)(tile.getFeatureById(pickedFeatureIdx)));
-      });
-
-      // 将 feature 列表合并后返回
+      }); // 将 feature 列表合并后返回
       // 统一返回成 polygon 的格式 点、线、面可以通用
-
       // const data = this.tileSourceService.getCombineFeature(features);
 
       return features;
-    }
-
-    // Tip: for interface define
+    } // Tip: for interface define
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
   }, {
     key: "pickRasterLayer",
     value: function pickRasterLayer(layer, target, parent) {
@@ -160,4 +181,5 @@ var TilePickService = /*#__PURE__*/function () {
   }]);
   return TilePickService;
 }();
+
 exports.TilePickService = TilePickService;

package/lib/tile/service/TileSourceService.js

@@ -1,18 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TileSourceService = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var turf = _interopRequireWildcard(require("@turf/helpers"));
+
 var _union = _interopRequireDefault(require("@turf/union"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * 专门处理 Tile 数据相关
  */
@@ -20,26 +30,30 @@ var TileSourceService = /*#__PURE__*/function () {
   function TileSourceService() {
     (0, _classCallCheck2.default)(this, TileSourceService);
   }
+
   (0, _createClass2.default)(TileSourceService, [{
     key: "getCombineFeature",
     value: function getCombineFeature(features) {
       var p = null;
       var properties = features[0];
       features.map(function (feature) {
-        var polygon = turf.polygon(feature.coordinates);
-        // tslint:disable-next-line: prefer-conditional-expression
+        var polygon = turf.polygon(feature.coordinates); // tslint:disable-next-line: prefer-conditional-expression
+
         if (p === null) {
           p = polygon;
         } else {
           p = (0, _union.default)(p, polygon);
         }
       });
+
       if (properties) {
         p.properties = (0, _objectSpread2.default)({}, properties);
       }
+
       return p;
     }
   }]);
   return TileSourceService;
 }();
+
 exports.TileSourceService = TileSourceService;

package/lib/tile/style/utils.js

@@ -1,11 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateLayersConfig = updateLayersConfig;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 function updateLayersConfig(layers, key, value) {
   layers.map(function (layer) {
     if (key === 'mask') {

package/lib/tile/tileFactory/DebugTile.js

@@ -1,70 +1,94 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _line = _interopRequireDefault(require("../../line"));
+
 var _point = _interopRequireDefault(require("../../point"));
+
 var _Tile2 = _interopRequireDefault(require("./Tile"));
+
 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); }; }
+
 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; } }
+
 var DebugTile = /*#__PURE__*/function (_Tile) {
   (0, _inherits2.default)(DebugTile, _Tile);
+
   var _super = _createSuper(DebugTile);
+
   function DebugTile() {
     (0, _classCallCheck2.default)(this, DebugTile);
     return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(DebugTile, [{
     key: "initTileLayer",
     value: function () {
       var _initTileLayer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var sourceOptions, pointData, lineLayer, pointLayer;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              sourceOptions = this.getSourceOption();
-              pointData = sourceOptions.data.features[0].properties;
-              lineLayer = new _line.default().source(sourceOptions.data, sourceOptions.options).size(1).shape('line').color('red');
-              pointLayer = new _point.default({
-                minZoom: this.z - 1,
-                maxZoom: this.z + 1,
-                textAllowOverlap: true
-              }).source([pointData], {
-                parser: {
-                  type: 'json',
-                  x: 'x',
-                  y: 'y'
-                }
-              }).size(20).color('red').shape(this.key).style({
-                stroke: '#fff',
-                strokeWidth: 2
-              });
-              _context.next = 6;
-              return this.addLayer(lineLayer);
-            case 6:
-              _context.next = 8;
-              return this.addLayer(pointLayer);
-            case 8:
-              this.isLoaded = true;
-            case 9:
-            case "end":
-              return _context.stop();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                sourceOptions = this.getSourceOption();
+                pointData = sourceOptions.data.features[0].properties;
+                lineLayer = new _line.default().source(sourceOptions.data, sourceOptions.options).size(1).shape('line').color('red');
+                pointLayer = new _point.default({
+                  minZoom: this.z - 1,
+                  maxZoom: this.z + 1,
+                  textAllowOverlap: true
+                }).source([pointData], {
+                  parser: {
+                    type: 'json',
+                    x: 'x',
+                    y: 'y'
+                  }
+                }).size(20).color('red').shape(this.key).style({
+                  stroke: '#fff',
+                  strokeWidth: 2
+                });
+                _context.next = 6;
+                return this.addLayer(lineLayer);
+
+              case 6:
+                _context.next = 8;
+                return this.addLayer(pointLayer);
+
+              case 8:
+                this.isLoaded = true;
+
+              case 9:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
+
       function initTileLayer() {
         return _initTileLayer.apply(this, arguments);
       }
+
       return initTileLayer;
     }()
   }, {
@@ -88,4 +112,5 @@ var DebugTile = /*#__PURE__*/function (_Tile) {
   }]);
   return DebugTile;
 }(_Tile2.default);
+
 exports.default = DebugTile;

package/lib/tile/tileFactory/ImageTile.js

@@ -1,61 +1,86 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _image = _interopRequireDefault(require("../../image"));
+
 var _Tile2 = _interopRequireDefault(require("./Tile"));
+
 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); }; }
+
 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; } }
+
 var ImageTile = /*#__PURE__*/function (_Tile) {
   (0, _inherits2.default)(ImageTile, _Tile);
+
   var _super = _createSuper(ImageTile);
+
   function ImageTile() {
     (0, _classCallCheck2.default)(this, ImageTile);
     return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(ImageTile, [{
     key: "initTileLayer",
     value: function () {
       var _initTileLayer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var attributes, layerOptions, sourceOptions, layer;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              attributes = this.parent.getLayerAttributeConfig();
-              layerOptions = this.getLayerOptions();
-              sourceOptions = this.getSourceOption();
-              layer = new _image.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options); // 初始化数据映射
-              // tslint:disable-next-line: no-unused-expression
-              attributes && Object.keys(attributes).forEach(function (type) {
-                var _attributes$attr, _attributes$attr2;
-                var attr = type;
-                // @ts-ignore
-                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 = 7;
-              return this.addLayer(layer);
-            case 7:
-              this.isLoaded = true;
-            case 8:
-            case "end":
-              return _context.stop();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                attributes = this.parent.getLayerAttributeConfig();
+                layerOptions = this.getLayerOptions();
+                sourceOptions = this.getSourceOption();
+                layer = new _image.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options); // 初始化数据映射
+                // tslint:disable-next-line: no-unused-expression
+
+                attributes && Object.keys(attributes).forEach(function (type) {
+                  var _attributes$attr, _attributes$attr2;
+
+                  var attr = type; // @ts-ignore
+
+                  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 = 7;
+                return this.addLayer(layer);
+
+              case 7:
+                this.isLoaded = true;
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
+
       function initTileLayer() {
         return _initTileLayer.apply(this, arguments);
       }
+
       return initTileLayer;
     }()
   }, {
@@ -76,4 +101,5 @@ var ImageTile = /*#__PURE__*/function (_Tile) {
   }]);
   return ImageTile;
 }(_Tile2.default);
+
 exports.default = ImageTile;

package/lib/tile/tileFactory/MaskTile.js

@@ -1,61 +1,86 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _mask = _interopRequireDefault(require("../../mask"));
+
 var _Tile2 = _interopRequireDefault(require("./Tile"));
+
 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); }; }
+
 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; } }
+
 var MaskTile = /*#__PURE__*/function (_Tile) {
   (0, _inherits2.default)(MaskTile, _Tile);
+
   var _super = _createSuper(MaskTile);
+
   function MaskTile() {
     (0, _classCallCheck2.default)(this, MaskTile);
     return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(MaskTile, [{
     key: "initTileLayer",
     value: function () {
       var _initTileLayer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var attributes, layerOptions, sourceOptions, layer;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              attributes = this.parent.getLayerAttributeConfig();
-              layerOptions = this.getLayerOptions();
-              sourceOptions = this.getSourceOption();
-              layer = new _mask.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options); // 初始化数据映射
-              // tslint:disable-next-line: no-unused-expression
-              attributes && Object.keys(attributes).forEach(function (type) {
-                var _attributes$attr, _attributes$attr2;
-                var attr = type;
-                // @ts-ignore
-                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 = 7;
-              return this.addLayer(layer);
-            case 7:
-              this.isLoaded = true;
-            case 8:
-            case "end":
-              return _context.stop();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                attributes = this.parent.getLayerAttributeConfig();
+                layerOptions = this.getLayerOptions();
+                sourceOptions = this.getSourceOption();
+                layer = new _mask.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options); // 初始化数据映射
+                // tslint:disable-next-line: no-unused-expression
+
+                attributes && Object.keys(attributes).forEach(function (type) {
+                  var _attributes$attr, _attributes$attr2;
+
+                  var attr = type; // @ts-ignore
+
+                  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 = 7;
+                return this.addLayer(layer);
+
+              case 7:
+                this.isLoaded = true;
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
+
       function initTileLayer() {
         return _initTileLayer.apply(this, arguments);
       }
+
       return initTileLayer;
     }()
   }, {
@@ -64,6 +89,7 @@ var MaskTile = /*#__PURE__*/function (_Tile) {
       if (!sourceLayer) {
         return [];
       }
+
       var source = this.sourceTile.data;
       return source.getTileData(sourceLayer);
     }
@@ -71,9 +97,11 @@ var MaskTile = /*#__PURE__*/function (_Tile) {
     key: "getSourceOption",
     value: function getSourceOption() {
       var rawSource = this.parent.getSource();
+
       var _this$parent$getLayer = this.parent.getLayerConfig(),
-        sourceLayer = _this$parent$getLayer.sourceLayer,
-        featureId = _this$parent$getLayer.featureId;
+          sourceLayer = _this$parent$getLayer.sourceLayer,
+          featureId = _this$parent$getLayer.featureId;
+
       var features = this.getFeatures(sourceLayer);
       return {
         data: {
@@ -92,4 +120,5 @@ var MaskTile = /*#__PURE__*/function (_Tile) {
   }]);
   return MaskTile;
 }(_Tile2.default);
+
 exports.default = MaskTile;