@antv/l7-layers 2.9.20 → 2.9.22

package/es/tile/tileFactory/base.js

@@ -1,40 +1,23 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import Source from '@antv/l7-source';
 import { osmLonLat2TileXY } from '@antv/l7-utils';
-import MaskLayer from '../../mask';
-import { getLayerShape, readRasterValue, registerLayers } from '../utils';
-import VectorLayer from './vectorLayer';
+import MaskLayer from "../../mask";
+import { getLayerShape, readRasterValue, registerLayers } from "../utils";
+import VectorLayer from "./vectorLayer";
 import * as turf from '@turf/helpers';
 import union from '@turf/union';
 
-var TileFactory = function () {
+var TileFactory = /*#__PURE__*/function () {
+  // 用于记录图层内事件，辅助判断图层外事件逻辑
   function TileFactory(option) {
     _classCallCheck(this, TileFactory);
 
-    _defineProperty(this, "type", void 0);
-
-    _defineProperty(this, "parentLayer", void 0);
-
-    _defineProperty(this, "mapService", void 0);
-
-    _defineProperty(this, "rendererService", void 0);
-
     _defineProperty(this, "outSideEventTimer", null);
 
-    _defineProperty(this, "zoomOffset", void 0);
-
-    _defineProperty(this, "tilesetManager", void 0);
-
-    _defineProperty(this, "layers", void 0);
-
     _defineProperty(this, "eventCache", {
       click: 0,
       mousemove: 0,
@@ -116,19 +99,23 @@ var TileFactory = function () {
         visible: tile.isVisible,
         tileOrigin: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileOrigin,
         coord: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileCoord
-      }, this.getLayerInitOption(initOptions)));
+      }, this.getLayerInitOption(initOptions))); // vector layer set config
 
       if (layer.isVector) {
         this.emitEvent([layer]);
         layer.type = layerType;
         layer.select(true);
-      }
+      } // set source
+
+
+      layer.source(source); // set scale
+
+      this.setScale(layer); // set scale attribute field
 
-      layer.source(source);
-      this.setScale(layer);
       this.setStyleAttributeField(layer, 'shape', shape);
       this.setStyleAttributeField(layer, 'color', color);
-      this.setStyleAttributeField(layer, 'size', size);
+      this.setStyleAttributeField(layer, 'size', size); // set mask
+
       var layers = [layer];
 
       if (mask && layer.isVector) {
@@ -138,7 +125,8 @@ var TileFactory = function () {
         }).shape('fill');
         layers.push(masklayer);
         layer.addMaskLayer(masklayer);
-      }
+      } // regist layer
+
 
       registerLayers(this.parentLayer, layers);
       this.layers = [layer];
@@ -170,6 +158,7 @@ var TileFactory = function () {
     key: "setStyleAttributeField",
     value: function setStyleAttributeField(layer, type, value) {
       if (Array.isArray(value)) {
+        // @ts-ignore
         layer[type].apply(layer, _toConsumableArray(value));
         return;
       }
@@ -191,6 +180,7 @@ var TileFactory = function () {
       if (params.length === 0) {
         layer[type](defaultValue);
       } else {
+        // @ts-ignore
         layer[type].apply(layer, _toConsumableArray(params));
       }
     }
@@ -301,7 +291,8 @@ var TileFactory = function () {
             _this.eventCache.contextmenu = 1;
 
             _this.getFeatureAndEmitEvent(layer, 'subLayerContextmenu', e);
-          });
+          }); // out side
+
           layer.on('unclick', function (e) {
             return _this.handleOutsideEvent('click', 'subLayerUnClick', layer, e);
           });
@@ -344,8 +335,12 @@ var TileFactory = function () {
     key: "getFeatureAndEmitEvent",
     value: function getFeatureAndEmitEvent(layer, eventName, e, isVector, tile) {
       if (isVector === false) {
+        // raster tile get rgb
+        // e.pickedColors = readPixel(e.x, e.y, this.rendererService);
+        // raster tile origin value
         e.value = readRasterValue(tile, this.mapService, e.x, e.y);
       } else {
+        // VectorLayer
         var featureId = e.featureId;
         var features = this.getAllFeatures(featureId);
 
@@ -419,5 +414,4 @@ var TileFactory = function () {
   return TileFactory;
 }();
 
-export { TileFactory as default };
-//# sourceMappingURL=base.js.map
+export { TileFactory as default };

package/es/tile/tileFactory/index.js

@@ -1,8 +1,8 @@
-import VectorLineTile from './line';
-import VectorPointLayer from './point';
-import VectorPolygonTile from './polygon';
-import RasterTileFactory from './raster';
-import RasterDataFactory from './rasterData';
+import VectorLineTile from "./line";
+import VectorPointLayer from "./point";
+import VectorPolygonTile from "./polygon";
+import RasterTileFactory from "./raster";
+import RasterDataFactory from "./rasterData";
 export function getTileFactory(tileType, parser) {
   switch (tileType) {
     case 'PolygonLayer':
@@ -26,5 +26,4 @@ export function getTileFactory(tileType, parser) {
       return RasterTileFactory;
   }
 }
-export * from '../interface';
-//# sourceMappingURL=index.js.map
+export * from "../interface";

package/es/tile/tileFactory/line.js

@@ -1,18 +1,16 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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); }; }
 
 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 TileFactory from './base';
+import TileFactory from "./base";
 
-var VectorPolygonTile = function (_TileFactory) {
+var VectorPolygonTile = /*#__PURE__*/function (_TileFactory) {
   _inherits(VectorPolygonTile, _TileFactory);
 
   var _super = _createSuper(VectorPolygonTile);
@@ -23,9 +21,6 @@ var VectorPolygonTile = function (_TileFactory) {
     _classCallCheck(this, VectorPolygonTile);
 
     _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "parentLayer", void 0);
-
     _this.parentLayer = option.parent;
     return _this;
   }
@@ -61,5 +56,4 @@ var VectorPolygonTile = function (_TileFactory) {
   return VectorPolygonTile;
 }(TileFactory);
 
-export { VectorPolygonTile as default };
-//# sourceMappingURL=line.js.map
+export { VectorPolygonTile as default };

package/es/tile/tileFactory/point.js

@@ -1,18 +1,16 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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); }; }
 
 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 TileFactory from './base';
+import TileFactory from "./base";
 
-var VectorPolygonTile = function (_TileFactory) {
+var VectorPolygonTile = /*#__PURE__*/function (_TileFactory) {
   _inherits(VectorPolygonTile, _TileFactory);
 
   var _super = _createSuper(VectorPolygonTile);
@@ -23,9 +21,6 @@ var VectorPolygonTile = function (_TileFactory) {
     _classCallCheck(this, VectorPolygonTile);
 
     _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "parentLayer", void 0);
-
     _this.parentLayer = option.parent;
     return _this;
   }
@@ -61,5 +56,4 @@ var VectorPolygonTile = function (_TileFactory) {
   return VectorPolygonTile;
 }(TileFactory);
 
-export { VectorPolygonTile as default };
-//# sourceMappingURL=point.js.map
+export { VectorPolygonTile as default };

package/es/tile/tileFactory/polygon.js

@@ -1,18 +1,16 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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); }; }
 
 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 TileFactory from './base';
+import TileFactory from "./base";
 
-var VectorPolygonTile = function (_TileFactory) {
+var VectorPolygonTile = /*#__PURE__*/function (_TileFactory) {
   _inherits(VectorPolygonTile, _TileFactory);
 
   var _super = _createSuper(VectorPolygonTile);
@@ -23,9 +21,6 @@ var VectorPolygonTile = function (_TileFactory) {
     _classCallCheck(this, VectorPolygonTile);
 
     _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "parentLayer", void 0);
-
     _this.parentLayer = option.parent;
     return _this;
   }
@@ -61,5 +56,4 @@ var VectorPolygonTile = function (_TileFactory) {
   return VectorPolygonTile;
 }(TileFactory);
 
-export { VectorPolygonTile as default };
-//# sourceMappingURL=polygon.js.map
+export { VectorPolygonTile as default };

package/es/tile/tileFactory/raster.js

@@ -1,20 +1,18 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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); }; }
 
 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 Source from '@antv/l7-source';
-import ImageLayer from '../../image';
-import TileFactory from './base';
+import ImageLayer from "../../image";
+import TileFactory from "./base";
 
-var RasterTile = function (_TileFactory) {
+var RasterTile = /*#__PURE__*/function (_TileFactory) {
   _inherits(RasterTile, _TileFactory);
 
   var _super = _createSuper(RasterTile);
@@ -25,9 +23,6 @@ var RasterTile = function (_TileFactory) {
     _classCallCheck(this, RasterTile);
 
     _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "parentLayer", void 0);
-
     _this.parentLayer = option.parent;
     return _this;
   }
@@ -57,5 +52,4 @@ var RasterTile = function (_TileFactory) {
   return RasterTile;
 }(TileFactory);
 
-export { RasterTile as default };
-//# sourceMappingURL=raster.js.map
+export { RasterTile as default };

package/es/tile/tileFactory/rasterData.js

@@ -1,20 +1,18 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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); }; }
 
 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 { registerLayers } from '../utils';
-import TileFactory from './base';
-import RasterDataLayer from './rasterDataLayer';
+import { registerLayers } from "../utils";
+import TileFactory from "./base";
+import RasterDataLayer from "./rasterDataLayer";
 
-var RasterTiffTile = function (_TileFactory) {
+var RasterTiffTile = /*#__PURE__*/function (_TileFactory) {
   _inherits(RasterTiffTile, _TileFactory);
 
   var _super = _createSuper(RasterTiffTile);
@@ -25,9 +23,6 @@ var RasterTiffTile = function (_TileFactory) {
     _classCallCheck(this, RasterTiffTile);
 
     _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "parentLayer", void 0);
-
     _this.parentLayer = option.parent;
     return _this;
   }
@@ -82,5 +77,4 @@ var RasterTiffTile = function (_TileFactory) {
   return RasterTiffTile;
 }(TileFactory);
 
-export { RasterTiffTile as default };
-//# sourceMappingURL=rasterData.js.map
+export { RasterTiffTile as default };

package/es/tile/tileFactory/rasterDataLayer.js

@@ -10,10 +10,10 @@ 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 BaseLayer from '../../core/BaseLayer';
-import RasterModel from '../../raster/models/raster';
+import BaseLayer from "../../core/BaseLayer";
+import RasterModel from "../../raster/models/raster";
 
-var RasterTiffLayer = function (_BaseLayer) {
+var RasterTiffLayer = /*#__PURE__*/function (_BaseLayer) {
   _inherits(RasterTiffLayer, _BaseLayer);
 
   var _super = _createSuper(RasterTiffLayer);
@@ -84,5 +84,4 @@ var RasterTiffLayer = function (_BaseLayer) {
   return RasterTiffLayer;
 }(BaseLayer);
 
-export { RasterTiffLayer as default };
-//# sourceMappingURL=rasterDataLayer.js.map
+export { RasterTiffLayer as default };

package/es/tile/tileFactory/vectorLayer.js

@@ -10,13 +10,13 @@ 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 BaseLayer from '../../core/BaseLayer';
-import lineFillModel from '../../line/models/tile';
-import pointTextModel from '../../point/models/text';
-import pointFillModel from '../../point/models/tile';
-import polygonFillModel from '../../polygon/models/tile';
+import BaseLayer from "../../core/BaseLayer";
+import lineFillModel from "../../line/models/tile";
+import pointTextModel from "../../point/models/text";
+import pointFillModel from "../../point/models/tile";
+import polygonFillModel from "../../polygon/models/tile";
 
-var VectorLayer = function (_BaseLayer) {
+var VectorLayer = /*#__PURE__*/function (_BaseLayer) {
   _inherits(VectorLayer, _BaseLayer);
 
   var _super = _createSuper(VectorLayer);
@@ -100,7 +100,7 @@ var VectorLayer = function (_BaseLayer) {
 
       var item = layerData.find(function (fe) {
         return fe.hasOwnProperty('shape');
-      });
+      }); // only support pointFill & pointText now
 
       if (item) {
         var shape = item.shape;
@@ -137,5 +137,4 @@ var VectorLayer = function (_BaseLayer) {
   return VectorLayer;
 }(BaseLayer);
 
-export { VectorLayer as default };
-//# sourceMappingURL=vectorLayer.js.map
+export { VectorLayer as default };

package/es/tile/tileLayer/baseTileLayer.js

@@ -1,16 +1,12 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { decodePickingColor } from '@antv/l7-utils';
-import { TileLayerManager } from '../manager/tileLayerManager';
+import { TileLayerManager } from "../manager/tileLayerManager";
 
-var BaseTileLayer = function () {
+var BaseTileLayer = /*#__PURE__*/function () {
   function BaseTileLayer(_ref) {
     var _parentSource$data;
 
@@ -24,26 +20,8 @@ var BaseTileLayer = function () {
 
     _defineProperty(this, "type", 'baseTile');
 
-    _defineProperty(this, "sourceLayer", void 0);
-
-    _defineProperty(this, "parent", void 0);
-
     _defineProperty(this, "initedTileset", false);
 
-    _defineProperty(this, "tilesetManager", void 0);
-
-    _defineProperty(this, "tileLayerManager", void 0);
-
-    _defineProperty(this, "scaleField", void 0);
-
-    _defineProperty(this, "lastViewStates", void 0);
-
-    _defineProperty(this, "timer", void 0);
-
-    _defineProperty(this, "mapService", void 0);
-
-    _defineProperty(this, "layerService", void 0);
-
     _defineProperty(this, "pickColors", {
       select: null,
       active: null
@@ -66,6 +44,10 @@ var BaseTileLayer = function () {
     this.bindSubLayerPick();
     this.scaleField = this.parent.getScaleOptions();
   }
+  /**
+   * 渲染瓦片的图层
+   */
+
 
   _createClass(BaseTileLayer, [{
     key: "children",
@@ -86,6 +68,10 @@ var BaseTileLayer = function () {
         this.tileLayerManager.tilePickManager.clearPick();
       }
     }
+    /**
+     * 清除 select 的选中状态
+     */
+
   }, {
     key: "clearPickState",
     value: function clearPickState() {
@@ -101,6 +87,12 @@ var BaseTileLayer = function () {
         child.setCurrentSelectedId(null);
       });
     }
+    /**
+     * 瓦片图层独立的拾取逻辑
+     * @param target
+     * @returns
+     */
+
   }, {
     key: "pickLayers",
     value: function pickLayers(target) {
@@ -108,7 +100,8 @@ var BaseTileLayer = function () {
     }
   }, {
     key: "tileLoaded",
-    value: function tileLoaded(tile) {}
+    value: function tileLoaded(tile) {//
+    }
   }, {
     key: "tileError",
     value: function tileError(error) {
@@ -124,6 +117,7 @@ var BaseTileLayer = function () {
     value: function tileUpdate() {
       var _this2 = this;
 
+      // Base Function
       if (!this.tilesetManager) {
         return;
       }
@@ -151,6 +145,7 @@ var BaseTileLayer = function () {
       });
 
       if (this.tilesetManager.isLoaded) {
+        // 将事件抛出，图层上可以使用瓦片
         this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
       }
     }
@@ -185,6 +180,7 @@ var BaseTileLayer = function () {
       var _this4 = this;
 
       this.tileLayerManager.tilePickManager.on('pick', function (e) {
+        // @ts-ignore
         var _e$pickedColors = _slicedToArray(e.pickedColors, 3),
             r = _e$pickedColors[0],
             g = _e$pickedColors[1],
@@ -213,9 +209,12 @@ var BaseTileLayer = function () {
       this.pickColors.active = pickedColors;
       this.children.filter(function (child) {
         return child.inited && child.isVisible() && child.isVector;
-      }).filter(function (child) {
+      }) // Tip: 使用 vectorLayer 上的 pickID 优化高亮操作（过滤重复操作）
+      // @ts-ignore
+      .filter(function (child) {
         return child.getPickID() !== pickId;
       }).map(function (child) {
+        // @ts-ignore
         child.setPickID(pickId);
         child.hooks.beforeHighlight.call(pickedColors);
       });
@@ -233,12 +232,14 @@ var BaseTileLayer = function () {
           layer.setCurrentSelectedId(selectedId);
           _this5.pickColors.select = pickedColors;
         } else {
-          _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+          _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0])); // toggle select
+
 
           layer.setCurrentSelectedId(null);
           _this5.pickColors.select = null;
         }
-      });
+      }); // unselect normal layer
+
       var renderList = this.layerService.getRenderList();
       renderList.filter(function (layer) {
         return layer.inited && !layer.isVector && layer.isVisible() && layer.needPick('click');
@@ -253,6 +254,7 @@ var BaseTileLayer = function () {
   }, {
     key: "selectFeature",
     value: function selectFeature(layer, pickedColors) {
+      // @ts-ignore
       var _pickedColors = _slicedToArray(pickedColors, 3),
           r = _pickedColors[0],
           g = _pickedColors[1],
@@ -265,6 +267,23 @@ var BaseTileLayer = function () {
     value: function bindSubLayerEvent() {
       var _this6 = this;
 
+      /**
+       * layer.on('click', (ev) => {}); // 鼠标左键点击图层事件
+       * layer.on('mouseenter', (ev) => {}); // 鼠标进入图层要素
+       * layer.on('mousemove', (ev) => {}); // 鼠标在图层上移动时触发
+       * layer.on('mouseout', (ev) => {}); // 鼠标移出图层要素时触发
+       * layer.on('mouseup', (ev) => {}); // 鼠标在图层上单击抬起时触发
+       * layer.on('mousedown', (ev) => {}); // 鼠标在图层上单击按下时触发
+       * layer.on('contextmenu', (ev) => {}); // 图层要素点击右键菜单
+       *
+       *  鼠标在图层外的事件
+       * layer.on('unclick', (ev) => {}); // 图层外点击
+       * layer.on('unmousemove', (ev) => {}); // 图层外移动
+       * layer.on('unmouseup', (ev) => {}); // 图层外鼠标抬起
+       * layer.on('unmousedown', (ev) => {}); // 图层外单击按下时触发
+       * layer.on('uncontextmenu', (ev) => {}); // 图层外点击右键
+       * layer.on('unpick', (ev) => {}); // 图层外的操作的所有事件
+       */
       this.parent.on('subLayerClick', function (e) {
         _this6.parent.emit('click', _objectSpread({}, e));
       });
@@ -285,7 +304,8 @@ var BaseTileLayer = function () {
       });
       this.parent.on('subLayerContextmenu', function (e) {
         return _this6.parent.emit('contextmenu', _objectSpread({}, e));
-      });
+      }); // vector layer 图层外事件
+
       this.parent.on('subLayerUnClick', function (e) {
         return _this6.parent.emit('unclick', _objectSpread({}, e));
       });
@@ -359,9 +379,10 @@ var BaseTileLayer = function () {
       if (this.timer) {
         clearTimeout(this.timer);
         this.timer = null;
-      }
+      } // this.timer = setTimeout(() => {
 
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
+
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds); // }, 250);
     }
   }, {
     key: "bindTilesetEvent",
@@ -370,18 +391,26 @@ var BaseTileLayer = function () {
 
       if (!this.tilesetManager) {
         return;
-      }
+      } // 瓦片数据加载成功
+
+
+      this.tilesetManager.on('tile-loaded', function (tile) {// todo: 将事件抛出，图层上可以监听使用
+      }); // 瓦片数据从缓存删除或被执行重新加载
 
-      this.tilesetManager.on('tile-loaded', function (tile) {});
       this.tilesetManager.on('tile-unload', function (tile) {
+        // todo: 将事件抛出，图层上可以监听使用
         _this7.tileUnLoad(tile);
-      });
+      }); // 瓦片数据加载失败
+
       this.tilesetManager.on('tile-error', function (error, tile) {
+        // todo: 将事件抛出，图层上可以监听使用
         _this7.tileError(error);
-      });
+      }); // 瓦片显隐状态更新
+
       this.tilesetManager.on('tile-update', function () {
         _this7.tileUpdate();
-      });
+      }); // 地图视野发生改变
+
       this.mapService.on('zoomend', function () {
         return _this7.mapchange();
       });
@@ -405,5 +434,4 @@ var BaseTileLayer = function () {
   return BaseTileLayer;
 }();
 
-export { BaseTileLayer as default };
-//# sourceMappingURL=baseTileLayer.js.map
+export { BaseTileLayer as default };