@antv/l7-layers 2.10.2 → 2.10.3

package/lib/plugins/DataMappingPlugin.js

@@ -105,13 +105,6 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
       }()); // remapping before render
 
       layer.hooks.beforeRender.tap('DataMappingPlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-            usage = _layer$getLayerConfig.usage;
-
-        if (usage === 'basemap') {
-          return;
-        }
-
         var source = layer.getSource();
 
         if (layer.layerModelNeedUpdate || !source || !source.inited) {
@@ -120,7 +113,12 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
 
         var attributes = styleAttributeService.getLayerStyleAttributes() || [];
         var filter = styleAttributeService.getLayerStyleAttribute('filter');
-        var dataArray = source.data.dataArray;
+        var dataArray = source.data.dataArray; // TODO 数据为空的情况
+
+        if (Array.isArray(dataArray) && dataArray.length === 0) {
+          return;
+        }
+
         var attributesToRemapping = attributes.filter(function (attribute) {
           return attribute.needRemapping;
         } // 如果filter变化
@@ -144,10 +142,9 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
             var _encodeData = _this.mapping(layer, attributesToRemapping, filterData, layer.getEncodedData());
 
             layer.setEncodedData(_encodeData);
-          } // 处理文本更新
+          } // 处理文本更新，更新文字形状
+          // layer.emit('remapping', null);
 
-
-          layer.emit('remapping', null);
         }
       });
     }
@@ -238,55 +235,10 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
       this.adjustData2SimpleCoordinates(mappedData);
       return mappedData;
     }
-  }, {
-    key: "mapLayerMapping",
-    value: function mapLayerMapping(layer, attributes, data, predata) {
-      var _this4 = this;
-
-      var usedAttributes = attributes.filter(function (attribute) {
-        return attribute.scale !== undefined;
-      });
-      var mappedData = data.map(function (record, i) {
-        var preRecord = predata ? predata[i] : {};
-        var encodeRecord = (0, _objectSpread2.default)({
-          id: record._id,
-          coordinates: record.coordinates
-        }, preRecord);
-        usedAttributes.forEach(function (attribute) {
-          var _layer$shapeOption;
-
-          if (attribute.name === 'shape' && // @ts-ignore
-          ((_layer$shapeOption = layer.shapeOption) === null || _layer$shapeOption === void 0 ? void 0 : _layer$shapeOption.field) === 'simple') {
-            encodeRecord[attribute.name] = 'simple';
-            attribute.needRemapping = false;
-          } else {
-            var values = _this4.applyMapLayerAttributeMapping(attribute, record);
-
-            attribute.needRemapping = false; // @ts-ignore
-
-            encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values; // 增加对 layer/text/iconfont unicode 映射的解析
-
-            if (attribute.name === 'shape') {
-              encodeRecord.shape = _this4.fontService.getIconFontKey(encodeRecord[attribute.name]);
-            }
-          }
-        });
-
-        if (encodeRecord.size === undefined) {
-          // in case not set size
-          encodeRecord.size = 1;
-        }
-
-        return encodeRecord;
-      }); // 调整数据兼容 Amap2.0
-
-      this.adjustData2Amap2Coordinates(mappedData, layer);
-      return mappedData;
-    }
   }, {
     key: "adjustData2Amap2Coordinates",
     value: function adjustData2Amap2Coordinates(mappedData, layer) {
-      var _this5 = this;
+      var _this4 = this;
 
       // 根据地图的类型判断是否需要对点位数据进行处理, 若是高德2.0则需要对坐标进行相对偏移
       if (mappedData.length > 0 && this.mapService.version === _l7Maps.Version['GAODE2.x']) {
@@ -305,7 +257,7 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
             // @ts-ignore
             // d.coordinates = this.mapService.lngLatToCoord(d.coordinates);
 
-            d.coordinates = _this5.mapService.lngLatToCoordByLayer(d.coordinates, layerCenter);
+            d.coordinates = _this4.mapService.lngLatToCoordByLayer(d.coordinates, layerCenter);
           });
         } else {
           // 连续的线、面数据
@@ -319,7 +271,7 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
             // @ts-ignore
             // d.coordinates = this.mapService.lngLatToCoords(d.coordinates);
 
-            d.coordinates = _this5.mapService.lngLatToCoordsByLayer(d.coordinates, layerCenter);
+            d.coordinates = _this4.mapService.lngLatToCoordsByLayer(d.coordinates, layerCenter);
           });
         }
       }
@@ -327,12 +279,12 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
   }, {
     key: "adjustData2SimpleCoordinates",
     value: function adjustData2SimpleCoordinates(mappedData) {
-      var _this6 = this;
+      var _this5 = this;
 
       if (mappedData.length > 0 && this.mapService.version === _l7Maps.Version.SIMPLE) {
         mappedData.map(function (d) {
           if (!d.simpleCoordinate) {
-            d.coordinates = _this6.unProjectCoordinates(d.coordinates);
+            d.coordinates = _this5.unProjectCoordinates(d.coordinates);
             d.simpleCoordinate = true;
           }
         });
@@ -341,7 +293,7 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
   }, {
     key: "unProjectCoordinates",
     value: function unProjectCoordinates(coordinates) {
-      var _this7 = this;
+      var _this6 = this;
 
       if (typeof coordinates[0] === 'number') {
         return this.mapService.simpleMapCoord.unproject(coordinates);
@@ -354,7 +306,7 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
           // @ts-ignore
           var c1 = [];
           coord.map(function (co) {
-            c1.push(_this7.mapService.simpleMapCoord.unproject(co));
+            c1.push(_this6.mapService.simpleMapCoord.unproject(co));
           }); // @ts-ignore
 
           coords.push(c1);
@@ -366,7 +318,7 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
         var _coords = []; // @ts-ignore
 
         coordinates.map(function (coord) {
-          _coords.push(_this7.mapService.simpleMapCoord.unproject(coord));
+          _coords.push(_this6.mapService.simpleMapCoord.unproject(coord));
         }); // @ts-ignore
 
         return _coords;
@@ -396,29 +348,6 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
       var mappingResult = attribute.mapping ? attribute.mapping(params) : [];
       return mappingResult; // return attribute.mapping ? attribute.mapping(params) : [];
     }
-  }, {
-    key: "applyMapLayerAttributeMapping",
-    value: function applyMapLayerAttributeMapping(attribute, record) {
-      var _attribute$scale3;
-
-      if (!attribute.scale) {
-        return [];
-      }
-
-      var scalers = (attribute === null || attribute === void 0 ? void 0 : (_attribute$scale3 = attribute.scale) === null || _attribute$scale3 === void 0 ? void 0 : _attribute$scale3.scalers) || [];
-      var params = [];
-      scalers.forEach(function (_ref7) {
-        var _attribute$scale4;
-
-        var field = _ref7.field;
-
-        if (record.hasOwnProperty(field) || ((_attribute$scale4 = attribute.scale) === null || _attribute$scale4 === void 0 ? void 0 : _attribute$scale4.type) === 'variable') {
-          params.push(record[field]);
-        }
-      });
-      var mappingResult = attribute.mapping ? attribute.mapping(params) : [];
-      return mappingResult;
-    }
   }, {
     key: "getArrowPoints",
     value: function getArrowPoints(p1, p2) {

package/lib/plugins/DataSourcePlugin.js

@@ -45,35 +45,43 @@ var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__
               case 0:
                 source = layer.getSource();
 
-                if (source) {
+                if (!source) {
+                  // Tip: 用户没有传入 source 的时候使用图层的默认数据
+                  _ref2 = layer.sourceOption || layer.defaultSourceConfig, data = _ref2.data, options = _ref2.options;
+                  source = new _l7Source.default(data, options);
+                  layer.setSource(source); // await new Promise((resolve) => {
+                  //   source.on('update', (e) => {
+                  //     if (e.type === 'inited') {
+                  //       layer.initSource(source);
+                  //     }
+                  //     resolve(null);
+                  //   });
+                  // });
+                }
+
+                if (!source.inited) {
                   _context.next = 6;
                   break;
                 }
 
-                // Tip: 用户没有传入 source 的时候使用图层的默认数据
-                _ref2 = layer.sourceOption || layer.defaultSourceConfig, data = _ref2.data, options = _ref2.options;
-                source = new _l7Source.default(data, options);
-                _context.next = 6;
+                _this.updateClusterData(layer);
+
+                _context.next = 8;
+                break;
+
+              case 6:
+                _context.next = 8;
                 return new Promise(function (resolve) {
                   source.on('update', function (e) {
                     if (e.type === 'inited') {
-                      layer.initSource(source);
+                      _this.updateClusterData(layer);
                     }
 
                     resolve(null);
                   });
                 });
 
-              case 6:
-                if (source.inited) {
-                  _this.updateClusterData(layer);
-                } else {
-                  source.once('update', function () {
-                    _this.updateClusterData(layer);
-                  });
-                }
-
-              case 7:
+              case 8:
               case "end":
                 return _context.stop();
             }

package/lib/plugins/FeatureScalePlugin.js

@@ -54,19 +54,6 @@ var FeatureScalePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#
   }
 
   (0, _createClass2.default)(FeatureScalePlugin, [{
-    key: "getSourceData",
-    value: function getSourceData(layer, callback) {
-      var source = layer.getSource();
-
-      if (source.inited) {
-        callback(source.data);
-      } else {
-        source.once('update', function () {
-          callback(source.data);
-        });
-      }
-    }
-  }, {
     key: "apply",
     value: function apply(layer, _ref) {
       var _this = this;
@@ -126,7 +113,7 @@ var FeatureScalePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#
                     break;
                   }
 
-                  return _context2.abrupt("return");
+                  return _context2.abrupt("return", true);
 
                 case 7:
                   _this.caculateScalesForAttributes(attributes || [], dataArray);
@@ -147,10 +134,7 @@ var FeatureScalePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#
         };
       }());
       layer.hooks.beforeRender.tap('FeatureScalePlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-            usage = _layer$getLayerConfig.usage;
-
-        if (layer.layerModelNeedUpdate || usage === 'basemap') {
+        if (layer.layerModelNeedUpdate) {
           return;
         }
 

package/lib/plugins/LayerModelPlugin.js

@@ -79,9 +79,6 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
                 return layer.buildModels();
 
               case 3:
-                layer.layerModelNeedUpdate = false;
-
-              case 4:
               case "end":
                 return _context2.stop();
             }
@@ -145,7 +142,7 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
                   }
 
                   layer.tileLayer = new _BaseLayer.default(layer);
-                  return _context4.abrupt("return");
+                  return _context4.abrupt("return", false);
 
                 case 5:
                   _context4.next = 7;

package/lib/plugins/UpdateModelPlugin.js

@@ -35,6 +35,9 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
           layer.layerModel.needUpdate();
         }
       });
+      layer.hooks.afterRender.tap('UpdateModelPlugin', function () {
+        layer.layerModelNeedUpdate = false;
+      });
     }
   }]);
   return UpdateModelPlugin;

package/lib/plugins/UpdateStyleAttributePlugin.js

@@ -38,11 +38,7 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
         });
       });
       layer.hooks.beforeRender.tap('UpdateStyleAttributePlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-            usage = _layer$getLayerConfig.usage;
-
-        if (layer.layerModelNeedUpdate || layer.tileLayer || usage === 'basemap' // TODO: Chore 不走该流程 应从外部统一控制，而不是打补丁
-        ) {
+        if (layer.layerModelNeedUpdate) {
           return;
         }
 

package/lib/point/models/text.js

@@ -112,16 +112,15 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _this.initGlyph();
+              _this.initGlyph(); //
 
-              _this.updateTexture();
 
-              _this.filterGlyphs();
+              _this.updateTexture();
 
-              _context.next = 5;
+              _context.next = 4;
               return _this.reBuildModel();
 
-            case 5:
+            case 4:
             case "end":
               return _context.stop();
           }
@@ -227,7 +226,10 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 // 绑定事件
-                this.bindEvent();
+                if (!this.layer.inited) {
+                  this.bindEvent();
+                }
+
                 this.extent = this.textExtent();
                 _ref3 = this.layer.getLayerConfig(), _ref3$textAnchor = _ref3.textAnchor, textAnchor = _ref3$textAnchor === void 0 ? 'center' : _ref3$textAnchor, _ref3$textAllowOverla = _ref3.textAllowOverlap, textAllowOverlap = _ref3$textAllowOverla === void 0 ? true : _ref3$textAllowOverla;
                 this.preTextStyle = {
@@ -258,15 +260,23 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     key: "buildModels",
     value: function () {
       var _buildModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var _ref4, _ref4$mask, mask, _ref4$maskInside, maskInside, model;
+        var _ref4, _ref4$mask, mask, _ref4$maskInside, maskInside, _ref4$textAllowOverla, textAllowOverlap, model;
 
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                _ref4 = this.layer.getLayerConfig(), _ref4$mask = _ref4.mask, mask = _ref4$mask === void 0 ? false : _ref4$mask, _ref4$maskInside = _ref4.maskInside, maskInside = _ref4$maskInside === void 0 ? true : _ref4$maskInside;
-                this.mapping();
-                _context3.next = 4;
+                _ref4 = this.layer.getLayerConfig(), _ref4$mask = _ref4.mask, mask = _ref4$mask === void 0 ? false : _ref4$mask, _ref4$maskInside = _ref4.maskInside, maskInside = _ref4$maskInside === void 0 ? true : _ref4$maskInside, _ref4$textAllowOverla = _ref4.textAllowOverlap, textAllowOverlap = _ref4$textAllowOverla === void 0 ? false : _ref4$textAllowOverla; //  this.mapping(); 重复调用
+
+                this.initGlyph(); //
+
+                this.updateTexture();
+
+                if (!textAllowOverlap) {
+                  this.filterGlyphs();
+                }
+
+                _context3.next = 6;
                 return this.layer.buildLayerModel({
                   moduleName: 'pointText',
                   vertexShader: textVert,
@@ -279,11 +289,11 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
                   stencil: (0, _l7Utils.getMask)(mask, maskInside)
                 });
 
-              case 4:
+              case 6:
                 model = _context3.sent;
                 return _context3.abrupt("return", [model]);
 
-              case 6:
+              case 8:
               case "end":
                 return _context3.stop();
             }
@@ -302,15 +312,22 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     value: function needUpdate() {
       var _ref5 = this.layer.getLayerConfig(),
           _ref5$textAllowOverla = _ref5.textAllowOverlap,
-          textAllowOverlap = _ref5$textAllowOverla === void 0 ? false : _ref5$textAllowOverla; // textAllowOverlap 发生改变
+          textAllowOverlap = _ref5$textAllowOverla === void 0 ? false : _ref5$textAllowOverla;
+
+      var data = this.layer.getEncodedData();
+
+      if (data.length < 5 || textAllowOverlap) {
+        // 小于不做避让
+        return false;
+      } // textAllowOverlap 发生改变
 
 
       var zoom = this.mapService.getZoom();
       var extent = this.mapService.getBounds();
       var flag = (0, _l7Utils.boundsContains)(this.extent, extent); // 文本不能压盖则进行过滤
 
-      if (!textAllowOverlap && (Math.abs(this.currentZoom - zoom) > 1 || !flag) || textAllowOverlap !== this.preTextStyle.textAllowOverlap) {
-        // TODO this.mapping
+      if (Math.abs(this.currentZoom - zoom) > 1 || !flag || textAllowOverlap !== this.preTextStyle.textAllowOverlap) {
+        // TODO this.mapping 数据未变化，避让
         this.reBuildModel();
         return true;
       }
@@ -406,7 +423,7 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     key: "bindEvent",
     value: function bindEvent() {
       if (!this.layer.isTileLayer) {
-        // console.log('mapping')
+        // 重新绑定
         this.layer.on('remapping', this.mapping);
       }
     }
@@ -574,7 +591,7 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
 
         var centroid = feature.version === 'GAODE2.x' ? feature.originCentroid : feature.centroid;
         var size = feature.size;
-        var fontScale = size / 24;
+        var fontScale = size / 16;
 
         var pixels = _this3.mapService.lngLatToContainer(centroid);
 
@@ -668,10 +685,9 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
               case 4:
                 model = _context4.sent;
                 // TODO 渲染流程待修改
-                this.layer.models = [model];
-                this.layerService.throttleRenderLayers();
+                this.layer.models = [model]; // this.layerService.throttleRenderLayers();
 
-              case 7:
+              case 6:
               case "end":
                 return _context4.stop();
             }

package/lib/tile/service/TilePickService.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -15,6 +17,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _TileSourceService = require("./TileSourceService");
+
 var SELECT = 'select';
 var ACTIVE = 'active';
 
@@ -26,6 +30,7 @@ var TilePickService = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "tilePickID", new Map());
     this.layerService = layerService;
     this.tileLayerService = tileLayerService;
+    this.tileSourceService = new _TileSourceService.TileSourceService();
   }
 
   (0, _createClass2.default)(TilePickService, [{
@@ -36,8 +41,11 @@ var TilePickService = /*#__PURE__*/function () {
 
       if (tile) {
         // TODO 多图层拾取
-        var pickLayer = tile.getLayers()[0];
-        pickLayer.layerPickService.pickRender(target);
+        var pickLayer = tile.getMainLayer();
+
+        if (pickLayer) {
+          pickLayer.layerPickService.pickRender(target);
+        }
       }
     }
   }, {
@@ -128,7 +136,25 @@ var TilePickService = /*#__PURE__*/function () {
 
   }, {
     key: "getFeatureById",
-    value: function getFeatureById() {}
+    value: function getFeatureById(pickedFeatureIdx) {
+      // 提取当前可见瓦片
+      var tiles = this.tileLayerService.getTiles().filter(function (tile) {
+        return tile.visible;
+      }); // 提取当前可见瓦片中匹配 ID 的 feature 列表
+
+      var features = [];
+      tiles.map(function (tile) {
+        features.push.apply(features, (0, _toConsumableArray2.default)(tile.getFeatureById(pickedFeatureIdx)));
+      });
+
+      if (features.length <= 0) {
+        return null;
+      } // 将 feature 列表合并后返回
+      // 统一返回成 polygon 的格式 点、线、面可以通用
+
+
+      return this.tileSourceService.getCombineFeature(features);
+    }
   }]);
   return TilePickService;
 }();

package/lib/tile/service/TileSourceService.js

@@ -0,0 +1,59 @@
+"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 数据相关
+ */
+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);
+
+        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/tileFactory/MaskTile.js

@@ -91,7 +91,7 @@ var MaskTile = /*#__PURE__*/function (_Tile) {
           sourceLayer = _this$parent$getLayer.sourceLayer,
           featureId = _this$parent$getLayer.featureId;
 
-      var features = this.sourceTile.data.layers[sourceLayer].features;
+      var features = this.getFeatures(sourceLayer);
       return {
         data: {
           type: 'FeatureCollection',

package/lib/tile/tileFactory/Tile.js

@@ -9,6 +9,8 @@ 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -132,6 +134,68 @@ var Tile = /*#__PURE__*/function () {
         l.updateLayerConfig((0, _defineProperty2.default)({}, key, value));
       });
     }
+    /**
+     * 一个 Tile 可能有多个 layer，但是在发生拾取、点击事件的时候只有一个生效
+     */
+
+  }, {
+    key: "getMainLayer",
+    value: function getMainLayer() {
+      return this.layers[0];
+    }
+  }, {
+    key: "getFeatures",
+    value: function getFeatures(sourceLayer) {
+      var _this$sourceTile$data, _this$sourceTile$data2;
+
+      if (!sourceLayer || !((_this$sourceTile$data = this.sourceTile.data) !== null && _this$sourceTile$data !== void 0 && _this$sourceTile$data.layers[sourceLayer])) {
+        return [];
+      }
+
+      var vectorTile = (_this$sourceTile$data2 = this.sourceTile.data) === null || _this$sourceTile$data2 === void 0 ? void 0 : _this$sourceTile$data2.layers[sourceLayer];
+
+      if (Array.isArray(vectorTile.features)) {
+        // 数据不需要被解析 geojson-vt 类型
+        return vectorTile.features;
+      }
+
+      var _this$sourceTile = this.sourceTile,
+          x = _this$sourceTile.x,
+          y = _this$sourceTile.y,
+          z = _this$sourceTile.z;
+      var features = [];
+
+      for (var i = 0; i < vectorTile.length; i++) {
+        var vectorTileFeature = vectorTile.feature(i);
+        var feature = vectorTileFeature.toGeoJSON(x, y, z);
+        features.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, feature), {}, {
+          properties: (0, _objectSpread2.default)({
+            id: feature.id
+          }, feature.properties)
+        }));
+      }
+
+      return features;
+    }
+    /**
+     * 在一个 Tile 中可能存在一个相同 ID 的 feature
+     * @param id 
+     * @returns 
+     */
+
+  }, {
+    key: "getFeatureById",
+    value: function getFeatureById(id) {
+      var layer = this.getMainLayer();
+
+      if (!layer) {
+        return [];
+      }
+
+      return layer.getSource().data.dataArray.filter(function (d) {
+        return d._id === id;
+      });
+    }
   }, {
     key: "destroy",
     value: function destroy() {