@antv/l7-layers 2.13.4 → 2.13.6

package/es/point/models/text.js

@@ -22,7 +22,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import { AttributeType, gl } from '@antv/l7-core';
 import { boundsContains, calculateCentroid, getMask, padBounds } from '@antv/l7-utils';
-import { isNumber } from 'lodash';
+import { isEqual, isNumber } from 'lodash';
 import BaseModel from "../../core/BaseModel";
 import CollisionIndex from "../../utils/collision-index";
 import { getGlyphQuads, shapeText } from "../../utils/symbol-layout";
@@ -123,11 +123,6 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
           stroke = _ref2$stroke === void 0 ? '#fff' : _ref2$stroke,
           _ref2$strokeWidth = _ref2.strokeWidth,
           strokeWidth = _ref2$strokeWidth === void 0 ? 0 : _ref2$strokeWidth,
-          _ref2$textAnchor = _ref2.textAnchor,
-          textAnchor = _ref2$textAnchor === void 0 ? 'center' : _ref2$textAnchor,
-          textOffset = _ref2.textOffset,
-          _ref2$textAllowOverla = _ref2.textAllowOverlap,
-          textAllowOverlap = _ref2$textAllowOverla === void 0 ? false : _ref2$textAllowOverla,
           _ref2$halo = _ref2.halo,
           halo = _ref2$halo === void 0 ? 0.5 : _ref2$halo,
           _ref2$gamma = _ref2.gamma,
@@ -144,11 +139,7 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
         this.textCount = Object.keys(mapping).length;
       }
 
-      this.preTextStyle = {
-        textAnchor: textAnchor,
-        textAllowOverlap: textAllowOverlap,
-        textOffset: textOffset
-      };
+      this.preTextStyle = this.getTextStyle();
 
       if (this.dataTextureTest && this.dataTextureNeedUpdate({
         opacity: opacity,
@@ -204,8 +195,6 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     key: "initModels",
     value: function () {
       var _initModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _ref3, _ref3$textAnchor, textAnchor, _ref3$textAllowOverla, textAllowOverlap, textOffset;
-
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -213,19 +202,10 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
                 // 绑定事件
                 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, textOffset = _ref3.textOffset;
-                this.preTextStyle = {
-                  textAnchor: textAnchor,
-                  textAllowOverlap: textAllowOverlap,
-                  textOffset: textOffset
-                };
-                _context2.next = 6;
-                return this.buildModels();
-
-              case 6:
-                return _context2.abrupt("return", _context2.sent);
+                this.preTextStyle = this.getTextStyle();
+                return _context2.abrupt("return", this.buildModels());
 
-              case 7:
+              case 4:
               case "end":
                 return _context2.stop();
             }
@@ -243,13 +223,13 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     key: "buildModels",
     value: function () {
       var _buildModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _ref4, _ref4$mask, mask, _ref4$maskInside, maskInside, _ref4$textAllowOverla, textAllowOverlap, model;
+        var _ref3, _ref3$mask, mask, _ref3$maskInside, maskInside, _ref3$textAllowOverla, textAllowOverlap, model;
 
         return _regeneratorRuntime.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, _ref4$textAllowOverla = _ref4.textAllowOverlap, textAllowOverlap = _ref4$textAllowOverla === void 0 ? false : _ref4$textAllowOverla; //  this.mapping(); 重复调用
+                _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, _ref3$textAllowOverla = _ref3.textAllowOverlap, textAllowOverlap = _ref3$textAllowOverla === void 0 ? false : _ref3$textAllowOverla; //  this.mapping(); 重复调用
 
                 this.initGlyph(); //
 
@@ -289,60 +269,65 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
       }
 
       return buildModels;
-    }()
+    }() // 需要更新的场景
+    // 1. 文本偏移量发生改变
+    // 2. 文本锚点发生改变
+    // 3. 文本允许重叠发生改变
+    // 4. 文本字体发生改变
+    // 5. 文本字体粗细发生改变
+
   }, {
     key: "needUpdate",
     value: function () {
       var _needUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _ref5, _ref5$textAllowOverla, textAllowOverlap, _ref5$textAnchor, textAnchor, textOffset, data, zoom, extent, flag;
+        var _ref4, _ref4$textAllowOverla, textAllowOverlap, _ref4$textAnchor, textAnchor, textOffset, padding, fontFamily, fontWeight, zoom, extent, flag;
 
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
             switch (_context4.prev = _context4.next) {
               case 0:
-                _ref5 = this.layer.getLayerConfig(), _ref5$textAllowOverla = _ref5.textAllowOverlap, textAllowOverlap = _ref5$textAllowOverla === void 0 ? false : _ref5$textAllowOverla, _ref5$textAnchor = _ref5.textAnchor, textAnchor = _ref5$textAnchor === void 0 ? 'center' : _ref5$textAnchor, textOffset = _ref5.textOffset;
-                data = this.layer.getEncodedData();
+                _ref4 = this.getTextStyle(), _ref4$textAllowOverla = _ref4.textAllowOverlap, textAllowOverlap = _ref4$textAllowOverla === void 0 ? false : _ref4$textAllowOverla, _ref4$textAnchor = _ref4.textAnchor, textAnchor = _ref4$textAnchor === void 0 ? 'center' : _ref4$textAnchor, textOffset = _ref4.textOffset, padding = _ref4.padding, fontFamily = _ref4.fontFamily, fontWeight = _ref4.fontWeight;
 
-                if (!(JSON.stringify(textOffset) !== JSON.stringify(this.preTextStyle.textOffset) || textAnchor !== this.preTextStyle.textAnchor)) {
-                  _context4.next = 6;
+                if (!(!isEqual(padding, this.preTextStyle.padding) || !isEqual(textOffset, this.preTextStyle.textOffset) || !isEqual(textAnchor, this.preTextStyle.textAnchor) || !isEqual(fontFamily, this.preTextStyle.fontFamily) || !isEqual(fontWeight, this.preTextStyle.fontWeight))) {
+                  _context4.next = 5;
                   break;
                 }
 
-                _context4.next = 5;
+                _context4.next = 4;
                 return this.mapping();
 
-              case 5:
+              case 4:
                 return _context4.abrupt("return", true);
 
-              case 6:
-                if (!(data.length < 5 || textAllowOverlap)) {
-                  _context4.next = 8;
+              case 5:
+                if (!textAllowOverlap) {
+                  _context4.next = 7;
                   break;
                 }
 
                 return _context4.abrupt("return", false);
 
-              case 8:
+              case 7:
                 // textAllowOverlap 发生改变
                 zoom = this.mapService.getZoom();
                 extent = this.mapService.getBounds();
                 flag = boundsContains(this.extent, extent); // 文本不能压盖则进行过滤
 
-                if (!(Math.abs(this.currentZoom - zoom) > 1 || !flag || textAllowOverlap !== this.preTextStyle.textAllowOverlap)) {
-                  _context4.next = 15;
+                if (!(Math.abs(this.currentZoom - zoom) > 0.5 || !flag || textAllowOverlap !== this.preTextStyle.textAllowOverlap)) {
+                  _context4.next = 14;
                   break;
                 }
 
-                _context4.next = 14;
+                _context4.next = 13;
                 return this.reBuildModel();
 
-              case 14:
+              case 13:
                 return _context4.abrupt("return", true);
 
-              case 15:
+              case 14:
                 return _context4.abrupt("return", false);
 
-              case 16:
+              case 15:
               case "end":
                 return _context4.stop();
             }
@@ -462,11 +447,9 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "initTextFont",
     value: function initTextFont() {
-      var _ref6 = this.layer.getLayerConfig(),
-          _ref6$fontWeight = _ref6.fontWeight,
-          fontWeight = _ref6$fontWeight === void 0 ? '400' : _ref6$fontWeight,
-          _ref6$fontFamily = _ref6.fontFamily,
-          fontFamily = _ref6$fontFamily === void 0 ? 'sans-serif' : _ref6$fontFamily;
+      var _this$getTextStyle = this.getTextStyle(),
+          fontWeight = _this$getTextStyle.fontWeight,
+          fontFamily = _this$getTextStyle.fontFamily;
 
       var data = this.layer.getEncodedData();
       var characterSet = [];
@@ -507,11 +490,9 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "initIconFontTex",
     value: function initIconFontTex() {
-      var _ref7 = this.layer.getLayerConfig(),
-          _ref7$fontWeight = _ref7.fontWeight,
-          fontWeight = _ref7$fontWeight === void 0 ? '400' : _ref7$fontWeight,
-          _ref7$fontFamily = _ref7.fontFamily,
-          fontFamily = _ref7$fontFamily === void 0 ? 'sans-serif' : _ref7$fontFamily;
+      var _this$getTextStyle2 = this.getTextStyle(),
+          fontWeight = _this$getTextStyle2.fontWeight,
+          fontFamily = _this$getTextStyle2.fontFamily;
 
       var data = this.layer.getEncodedData();
       var characterSet = [];
@@ -531,6 +512,44 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
         iconfont: true
       });
     }
+  }, {
+    key: "getTextStyle",
+    value: function getTextStyle() {
+      var _ref5 = this.layer.getLayerConfig(),
+          _ref5$fontWeight = _ref5.fontWeight,
+          fontWeight = _ref5$fontWeight === void 0 ? '400' : _ref5$fontWeight,
+          _ref5$fontFamily = _ref5.fontFamily,
+          fontFamily = _ref5$fontFamily === void 0 ? 'sans-serif' : _ref5$fontFamily,
+          _ref5$textAllowOverla = _ref5.textAllowOverlap,
+          textAllowOverlap = _ref5$textAllowOverla === void 0 ? false : _ref5$textAllowOverla,
+          _ref5$padding = _ref5.padding,
+          padding = _ref5$padding === void 0 ? [0, 0] : _ref5$padding,
+          _ref5$textAnchor = _ref5.textAnchor,
+          textAnchor = _ref5$textAnchor === void 0 ? 'center' : _ref5$textAnchor,
+          _ref5$textOffset = _ref5.textOffset,
+          textOffset = _ref5$textOffset === void 0 ? [0, 0] : _ref5$textOffset,
+          _ref5$opacity = _ref5.opacity,
+          opacity = _ref5$opacity === void 0 ? 1 : _ref5$opacity,
+          _ref5$strokeOpacity = _ref5.strokeOpacity,
+          strokeOpacity = _ref5$strokeOpacity === void 0 ? 1 : _ref5$strokeOpacity,
+          _ref5$strokeWidth = _ref5.strokeWidth,
+          strokeWidth = _ref5$strokeWidth === void 0 ? 0 : _ref5$strokeWidth,
+          _ref5$stroke = _ref5.stroke,
+          stroke = _ref5$stroke === void 0 ? '#000' : _ref5$stroke;
+
+      return {
+        fontWeight: fontWeight,
+        fontFamily: fontFamily,
+        textAllowOverlap: textAllowOverlap,
+        padding: padding,
+        textAnchor: textAnchor,
+        textOffset: textOffset,
+        opacity: opacity,
+        strokeOpacity: strokeOpacity,
+        strokeWidth: strokeWidth,
+        stroke: stroke
+      };
+    }
     /**
      * 生成文字布局（对照文字纹理字典提取对应文字的位置很好信息）
      */
@@ -543,12 +562,12 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
       // 更新文字布局
       var mapping = this.fontService.mapping;
 
-      var _ref8 = this.layer.getLayerConfig(),
-          _ref8$spacing = _ref8.spacing,
-          spacing = _ref8$spacing === void 0 ? 2 : _ref8$spacing,
-          _ref8$textAnchor = _ref8.textAnchor,
-          textAnchor = _ref8$textAnchor === void 0 ? 'center' : _ref8$textAnchor,
-          textOffset = _ref8.textOffset;
+      var _ref6 = this.layer.getLayerConfig(),
+          _ref6$spacing = _ref6.spacing,
+          spacing = _ref6$spacing === void 0 ? 2 : _ref6$spacing,
+          _ref6$textAnchor = _ref6.textAnchor,
+          textAnchor = _ref6$textAnchor === void 0 ? 'center' : _ref6$textAnchor,
+          textOffset = _ref6.textOffset;
 
       var data = this.layer.getEncodedData();
       this.glyphInfo = data.map(function (feature) {
@@ -583,15 +602,14 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     value: function filterGlyphs() {
       var _this3 = this;
 
-      var _ref9 = this.layer.getLayerConfig(),
-          _ref9$padding = _ref9.padding,
-          padding = _ref9$padding === void 0 ? [0, 0] : _ref9$padding,
-          _ref9$textAllowOverla = _ref9.textAllowOverlap,
-          textAllowOverlap = _ref9$textAllowOverla === void 0 ? false : _ref9$textAllowOverla;
+      var _ref7 = this.layer.getLayerConfig(),
+          _ref7$padding = _ref7.padding,
+          padding = _ref7$padding === void 0 ? [0, 0] : _ref7$padding,
+          _ref7$textAllowOverla = _ref7.textAllowOverlap,
+          textAllowOverlap = _ref7$textAllowOverla === void 0 ? false : _ref7$textAllowOverla;
 
       if (textAllowOverlap) {
         // 如果允许文本覆盖
-        // this.layer.setEncodedData(this.glyphInfo);
         return;
       }
 
@@ -650,8 +668,7 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
           iconfont = _this$layer$getLayerC2 === void 0 ? false : _this$layer$getLayerC2; // 1.生成文字纹理（或是生成 iconfont）
 
 
-      iconfont ? this.initIconFontTex() : this.initTextFont(); // this.initTextFont();
-      // 2.生成文字布局
+      iconfont ? this.initIconFontTex() : this.initTextFont(); // 2.生成文字布局
 
       this.generateGlyphLayout(iconfont);
     }
@@ -682,13 +699,13 @@ var TextModel = /*#__PURE__*/function (_BaseModel) {
     key: "reBuildModel",
     value: function () {
       var _reBuildModel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-        var _ref10, _ref10$mask, mask, _ref10$maskInside, maskInside, model;
+        var _ref8, _ref8$mask, mask, _ref8$maskInside, maskInside, model;
 
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) {
             switch (_context5.prev = _context5.next) {
               case 0:
-                _ref10 = this.layer.getLayerConfig(), _ref10$mask = _ref10.mask, mask = _ref10$mask === void 0 ? false : _ref10$mask, _ref10$maskInside = _ref10.maskInside, maskInside = _ref10$maskInside === void 0 ? true : _ref10$maskInside;
+                _ref8 = this.layer.getLayerConfig(), _ref8$mask = _ref8.mask, mask = _ref8$mask === void 0 ? false : _ref8$mask, _ref8$maskInside = _ref8.maskInside, maskInside = _ref8$maskInside === void 0 ? true : _ref8$maskInside;
                 this.filterGlyphs();
                 _context5.next = 4;
                 return this.layer.buildLayerModel({

package/es/tile/service/TilePickService.d.ts

@@ -1,4 +1,4 @@
-import { ILayerService, ITilePickService, IInteractionTarget, ILayer } from '@antv/l7-core';
+import { IInteractionTarget, ILayer, ILayerService, ITilePickService } from '@antv/l7-core';
 import { TileLayerService } from './TileLayerService';
 export interface ITilePickServiceOptions {
     layerService: ILayerService;
@@ -11,7 +11,7 @@ export declare class TilePickService implements ITilePickService {
     private tileSourceService;
     private parent;
     private tilePickID;
-    constructor({ layerService, tileLayerService, parent }: ITilePickServiceOptions);
+    constructor({ layerService, tileLayerService, parent, }: ITilePickServiceOptions);
     pickRender(target: IInteractionTarget): void;
     pick(layer: ILayer, target: IInteractionTarget): boolean;
     selectFeature(pickedColors: Uint8Array | undefined): void;

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

@@ -80,6 +80,7 @@ export default abstract class Tile implements ITile {
         animate?: boolean | undefined;
         pickBufferScale?: number | undefined;
         stencil?: boolean | undefined;
+        debug?: boolean | undefined;
         antialias?: boolean | undefined;
         preserveDrawingBuffer?: boolean | undefined;
     };

package/es/tile/tileFactory/VectorTile.js

@@ -11,9 +11,9 @@ 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";
-import MaskLayer from "../../mask";
 
 var VectorTile = /*#__PURE__*/function (_Tile) {
   _inherits(VectorTile, _Tile);
@@ -100,7 +100,7 @@ var VectorTile = /*#__PURE__*/function (_Tile) {
             switch (_context2.prev = _context2.next) {
               case 0:
                 mask = new MaskLayer({
-                  layerType: "MaskLayer"
+                  layerType: 'MaskLayer'
                 }).source({
                   type: 'FeatureCollection',
                   features: [this.sourceTile.bboxPolygon]
@@ -173,8 +173,8 @@ var VectorTile = /*#__PURE__*/function (_Tile) {
     }
     /**
      * 在一个 Tile 中可能存在一个相同 ID 的 feature
-     * @param id 
-     * @returns 
+     * @param id
+     * @returns
      */
 
   }, {
@@ -186,6 +186,7 @@ var VectorTile = /*#__PURE__*/function (_Tile) {
         return [];
       }
 
+      console.log(layer.getSource().data.dataArray, id);
       var res = layer.getSource().data.dataArray.filter(function (d) {
         return d._id === id;
       });

package/lib/core/BaseLayer.js

@@ -276,6 +276,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
                 this.fontService = this.container.get(_l7Core.TYPES.IFontService);
                 this.rendererService = this.container.get(_l7Core.TYPES.IRendererService);
                 this.layerService = this.container.get(_l7Core.TYPES.ILayerService);
+                this.debugService = this.container.get(_l7Core.TYPES.IDebugService);
                 this.interactionService = this.container.get(_l7Core.TYPES.IInteractionService);
                 this.pickingService = this.container.get(_l7Core.TYPES.IPickingService);
                 this.mapService = this.container.get(_l7Core.TYPES.IMapService);
@@ -345,12 +346,14 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
                 this.layerPickService = new _LayerPickService.default(this); // 颜色纹理服务
 
-                this.textureService = new _TextureService.default(this); // 触发 init 生命周期插件
+                this.textureService = new _TextureService.default(this);
+                this.log(_l7Core.IDebugLog.LayerInitStart); // 触发 init 生命周期插件
 
-                _context.next = 29;
+                _context.next = 31;
                 return this.hooks.init.promise();
 
-              case 29:
+              case 31:
+                this.log(_l7Core.IDebugLog.LayerInitEnd);
                 this.inited = true; // 触发初始化完成事件;
 
                 this.emit('inited', {
@@ -363,7 +366,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
                 });
                 this.hooks.afterInit.call();
 
-              case 33:
+              case 36:
               case "end":
                 return _context.stop();
             }
@@ -377,6 +380,26 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
       return init;
     }()
+  }, {
+    key: "log",
+    value: function log(logType, time) {
+      // @ts-ignore 瓦片、瓦片图层目前不参与日志
+      if (this.tileLayer || this.isTileLayer) {
+        return;
+      }
+
+      var key = "".concat(this.id, ".").concat(logType);
+      var values = {
+        id: this.id,
+        type: this.type
+      };
+
+      if (time) {
+        values.time = time;
+      }
+
+      this.debugService.log(key, values);
+    }
   }, {
     key: "updateModelData",
     value: function updateModelData(data) {
@@ -1009,7 +1032,9 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
 
       (_this$layerModel2 = this.layerModel) === null || _this$layerModel2 === void 0 ? void 0 : _this$layerModel2.clearModels(refresh);
       (_this$tileLayer = this.tileLayer) === null || _this$tileLayer === void 0 ? void 0 : _this$tileLayer.destroy();
-      this.models = [];
+      this.models = []; // 清除图层日志（如果有的话：非瓦片相关）
+
+      this.debugService.removeLog(this.id);
       this.emit('remove', {
         target: this,
         type: 'remove'

package/lib/line/models/line.js

@@ -75,6 +75,7 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "textureEventFlag", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "texture", _this.createTexture2D({
       data: [0, 0, 0, 0],
       mag: _l7Core.gl.NEAREST,
@@ -255,13 +256,17 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
-                return this.buildModels();
+                // this.updateTexture();
+                // this.iconService.on('imageUpdate', this.updateTexture);
+                if (!this.textureEventFlag) {
+                  this.textureEventFlag = true;
+                  this.updateTexture();
+                  this.iconService.on('imageUpdate', this.updateTexture);
+                }
 
-              case 2:
-                return _context.abrupt("return", _context.sent);
+                return _context.abrupt("return", this.buildModels());
 
-              case 3:
+              case 2:
               case "end":
                 return _context.stop();
             }

package/lib/plugins/DataMappingPlugin.js

@@ -57,12 +57,15 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                // 初始化重新生成 map
+                layer.log(_l7Core.IDebugLog.MappingStart); // 初始化重新生成 map
+
                 _this.generateMaping(layer, {
                   styleAttributeService: styleAttributeService
                 });
 
-              case 1:
+                layer.log(_l7Core.IDebugLog.MappingEnd);
+
+              case 3:
               case "end":
                 return _context.stop();
             }

package/lib/plugins/DataSourcePlugin.js

@@ -43,6 +43,7 @@ var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
+                layer.log(_l7Core.IDebugLog.SourceInitStart);
                 source = layer.getSource();
 
                 if (!source) {
@@ -53,28 +54,31 @@ var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__
                 }
 
                 if (!source.inited) {
-                  _context.next = 6;
+                  _context.next = 8;
                   break;
                 }
 
                 _this.updateClusterData(layer);
 
-                _context.next = 8;
+                layer.log(_l7Core.IDebugLog.SourceInitEnd);
+                _context.next = 10;
                 break;
 
-              case 6:
-                _context.next = 8;
+              case 8:
+                _context.next = 10;
                 return new Promise(function (resolve) {
                   source.on('update', function (e) {
                     if (e.type === 'inited') {
                       _this.updateClusterData(layer);
+
+                      layer.log(_l7Core.IDebugLog.SourceInitEnd);
                     }
 
                     resolve(null);
                   });
                 });
 
-              case 8:
+              case 10:
               case "end":
                 return _context.stop();
             }
@@ -83,7 +87,7 @@ var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__
       }))); // 检测数据是否需要更新
 
       layer.hooks.beforeRenderData.tapPromise('DataSourcePlugin', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var neeUpdateCluster, dataSourceNeedUpdate;
+        var neeUpdateCluster, dataSourceNeedUpdate, needScale;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -91,9 +95,10 @@ var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__
                 neeUpdateCluster = _this.updateClusterData(layer);
                 dataSourceNeedUpdate = layer.dataState.dataSourceNeedUpdate;
                 layer.dataState.dataSourceNeedUpdate = false;
-                return _context2.abrupt("return", neeUpdateCluster || dataSourceNeedUpdate);
+                needScale = neeUpdateCluster || dataSourceNeedUpdate;
+                return _context2.abrupt("return", needScale);
 
-              case 4:
+              case 5:
               case "end":
                 return _context2.stop();
             }

package/lib/plugins/FeatureScalePlugin.js

@@ -69,21 +69,25 @@ var FeatureScalePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
+                layer.log(_l7Core.IDebugLog.ScaleInitStart);
                 _this.scaleOptions = layer.getScaleOptions();
                 attributes = styleAttributeService.getLayerStyleAttributes();
                 dataArray = (_layer$getSource = layer.getSource()) === null || _layer$getSource === void 0 ? void 0 : _layer$getSource.data.dataArray;
 
                 if (!(Array.isArray(dataArray) && dataArray.length === 0)) {
-                  _context.next = 7;
+                  _context.next = 8;
                   break;
                 }
 
                 return _context.abrupt("return");
 
-              case 7:
+              case 8:
                 _this.caculateScalesForAttributes(attributes || [], dataArray);
 
-              case 8:
+              case 9:
+                layer.log(_l7Core.IDebugLog.ScaleInitEnd);
+
+              case 10:
               case "end":
                 return _context.stop();
             }