@antv/l7-layers 2.9.19 → 2.9.22-alpha.0

package/es/raster/models/raster.js

@@ -1,11 +1,8 @@
 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";
-import _isEqual from "lodash/isEqual";
 
 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); }; }
 
@@ -13,34 +10,25 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import { AttributeType, gl } from '@antv/l7-core';
 import { generateColorRamp, getMask } from '@antv/l7-utils';
-import BaseModel from '../../core/BaseModel';
-import { RasterImageTriangulation } from '../../core/triangulation';
+import { isEqual } from 'lodash';
+import BaseModel from "../../core/BaseModel";
+import { RasterImageTriangulation } from "../../core/triangulation";
+
+/* babel-plugin-inline-import '../shaders/raster_2d_frag.glsl' */
 var rasterFrag = "precision mediump float;\nuniform float u_opacity: 1.0;\nuniform sampler2D u_texture;\nuniform sampler2D u_colorTexture;\nuniform float u_min;\nuniform float u_max;\nuniform vec2 u_domain;\nuniform float u_noDataValue;\nuniform bool u_clampLow: true;\nuniform bool u_clampHigh: true;\nvarying vec2 v_texCoord;\n\nvoid main() {\n\n  float value = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y)).r;\n  if (value == u_noDataValue)\n    gl_FragColor = vec4(0.0, 0, 0, 0.0);\n  else if ((!u_clampLow && value < u_domain[0]) || (!u_clampHigh && value > u_domain[1]))\n    gl_FragColor = vec4(0, 0, 0, 0);\n  else {\n    float normalisedValue =(value - u_domain[0]) / (u_domain[1] -u_domain[0]);\n    vec4 color = texture2D(u_colorTexture,vec2(normalisedValue, 0));\n    gl_FragColor = color;\n    gl_FragColor.a =  gl_FragColor.a * u_opacity ;\n  }\n\n\n}\n";
+
+/* babel-plugin-inline-import '../shaders/raster_2d_vert.glsl' */
 var rasterVert = "precision highp float;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nattribute vec3 a_Position;\nattribute vec2 a_Uv;\nvarying vec2 v_texCoord;\n#pragma include \"projection\"\nvoid main() {\n   v_texCoord = a_Uv;\n   vec4 project_pos = project_position(vec4(a_Position, 1.0));\n   gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));\n\n   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n      gl_Position = u_Mvp * (vec4(project_pos.xy,0., 1.0));\n   } else {\n      gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));\n   }\n}\n";
 
-var RasterModel = function (_BaseModel) {
+var RasterModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(RasterModel, _BaseModel);
 
   var _super = _createSuper(RasterModel);
 
   function RasterModel() {
-    var _this;
-
     _classCallCheck(this, RasterModel);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "texture", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "colorTexture", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "rampColors", void 0);
-
-    return _this;
+    return _super.apply(this, arguments);
   }
 
   _createClass(RasterModel, [{
@@ -59,7 +47,7 @@ var RasterModel = function (_BaseModel) {
           domain = _ref$domain === void 0 ? [0, 1] : _ref$domain,
           rampColors = _ref.rampColors;
 
-      if (!_isEqual(this.rampColors, rampColors)) {
+      if (!isEqual(this.rampColors, rampColors)) {
         this.updateColorTexure();
         this.rampColors = rampColors;
       }
@@ -93,7 +81,8 @@ var RasterModel = function (_BaseModel) {
         width: parserDataItem.width,
         height: parserDataItem.height,
         format: gl.LUMINANCE,
-        type: gl.FLOAT
+        type: gl.FLOAT // aniso: 4,
+
       });
       var imageData = rampColorsData ? rampColorsData : generateColorRamp(rampColors);
       this.colorTexture = createTexture2D({
@@ -135,12 +124,14 @@ var RasterModel = function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
+      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'uv',
         type: AttributeType.Attribute,
         descriptor: {
           name: 'a_Uv',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -173,5 +164,4 @@ var RasterModel = function (_BaseModel) {
   return RasterModel;
 }(BaseModel);
 
-export { RasterModel as default };
-//# sourceMappingURL=raster.js.map
+export { RasterModel as default };

package/es/raster/raster.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -7,22 +8,22 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; }
-
 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 { gl } from '@antv/l7-core';
 import { generateColorRamp } from '@antv/l7-utils';
-import BaseLayer from '../core/BaseLayer';
-import { RasterTriangulation } from './buffers/triangulation';
+import BaseLayer from "../core/BaseLayer";
+import { RasterTriangulation } from "./buffers/triangulation";
+
+/* babel-plugin-inline-import './shaders/raster_frag.glsl' */
 var rasterFrag = "varying vec4 v_color;\nuniform float u_opacity: 1.0;\n#define PI 3.141592653589793\n\nvoid main() {\n   gl_FragColor = v_color;\n   gl_FragColor.a *= u_opacity;\n\n}\n";
+
+/* babel-plugin-inline-import './shaders/raster_vert.glsl' */
 var rasterVert = "precision highp float;\nattribute vec3 a_Position;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform vec4 u_extent;\nuniform sampler2D u_texture;\nuniform sampler2D u_colorTexture;\nuniform float u_min;\nuniform float u_max;\nuniform float u_width;\nuniform float u_height;\nuniform float u_heightRatio;\n\nvarying vec2 v_texCoord;\nvarying vec4 v_color;\n\n#pragma include \"projection\"\nvoid main() {\n  vec2 uv = a_Position.xy / vec2(u_width, u_height);\n  vec2 minxy =  project_position(vec4(u_extent.xy, 0, 1.0)).xy;\n  vec2 maxxy =  project_position(vec4(u_extent.zw, 0, 1.0)).xy;\n  float value = texture2D(u_texture, vec2(uv.x,1.0 - uv.y)).x;\n  vec2 step = (maxxy - minxy) / vec2(u_width, u_height);\n  vec2 pos = minxy + vec2(a_Position.x, a_Position.y ) * step;\n  //  v_texCoord = a_Uv;\n  value = clamp(value,u_min,u_max);\n  float value1 =  (value - u_min) / (u_max -u_min);\n  vec4 color = texture2D(u_colorTexture,vec2(intensity, 0));\n\n  // if(uv.x > 1.0 || uv.y > 1.0) {\n  //   v_color = vec4(0.);\n  // }\n\n  //  vec2 range = u_extent.zw - u_extent.xy;\n  //  vec4 project_pos = project_position(vec4(pos, 0, 1.0));\n  //  gl_Position = project_common_position_to_clipspace(vec4(pos.xy, project_scale(value) * u_heightRatio, 1.0));\n\n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * (vec4(pos.xy, project_scale(value) * u_heightRatio, 1.0));\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(pos.xy, project_scale(value) * u_heightRatio, 1.0));\n  }\n\n}\n";
 
-var RasterLayer = function (_BaseLayer) {
+var RasterLayer = /*#__PURE__*/function (_BaseLayer) {
   _inherits(RasterLayer, _BaseLayer);
 
   var _super = _createSuper(RasterLayer);
@@ -40,10 +41,6 @@ var RasterLayer = function (_BaseLayer) {
 
     _defineProperty(_assertThisInitialized(_this), "type", 'RasterLayer');
 
-    _defineProperty(_assertThisInitialized(_this), "rasterTexture", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "colorTexture", void 0);
-
     return _this;
   }
 
@@ -174,5 +171,4 @@ var RasterLayer = function (_BaseLayer) {
   return RasterLayer;
 }(BaseLayer);
 
-export { RasterLayer as default };
-//# sourceMappingURL=raster.js.map
+export { RasterLayer as default };

package/es/raster/shaders/raster_2d_frag.glsl

@@ -0,0 +1,28 @@
+precision mediump float;
+uniform float u_opacity: 1.0;
+uniform sampler2D u_texture;
+uniform sampler2D u_colorTexture;
+uniform float u_min;
+uniform float u_max;
+uniform vec2 u_domain;
+uniform float u_noDataValue;
+uniform bool u_clampLow: true;
+uniform bool u_clampHigh: true;
+varying vec2 v_texCoord;
+
+void main() {
+
+  float value = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y)).r;
+  if (value == u_noDataValue)
+    gl_FragColor = vec4(0.0, 0, 0, 0.0);
+  else if ((!u_clampLow && value < u_domain[0]) || (!u_clampHigh && value > u_domain[1]))
+    gl_FragColor = vec4(0, 0, 0, 0);
+  else {
+    float normalisedValue =(value - u_domain[0]) / (u_domain[1] -u_domain[0]);
+    vec4 color = texture2D(u_colorTexture,vec2(normalisedValue, 0));
+    gl_FragColor = color;
+    gl_FragColor.a =  gl_FragColor.a * u_opacity ;
+  }
+
+
+}

package/es/raster/shaders/raster_2d_vert.glsl

@@ -0,0 +1,18 @@
+precision highp float;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+attribute vec3 a_Position;
+attribute vec2 a_Uv;
+varying vec2 v_texCoord;
+#pragma include "projection"
+void main() {
+   v_texCoord = a_Uv;
+   vec4 project_pos = project_position(vec4(a_Position, 1.0));
+   gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));
+
+   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+      gl_Position = u_Mvp * (vec4(project_pos.xy,0., 1.0));
+   } else {
+      gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));
+   }
+}

package/es/raster/shaders/raster_frag.glsl

@@ -0,0 +1,9 @@
+varying vec4 v_color;
+uniform float u_opacity: 1.0;
+#define PI 3.141592653589793
+
+void main() {
+   gl_FragColor = v_color;
+   gl_FragColor.a *= u_opacity;
+
+}

package/es/raster/shaders/raster_vert.glsl

@@ -0,0 +1,44 @@
+precision highp float;
+attribute vec3 a_Position;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+uniform vec4 u_extent;
+uniform sampler2D u_texture;
+uniform sampler2D u_colorTexture;
+uniform float u_min;
+uniform float u_max;
+uniform float u_width;
+uniform float u_height;
+uniform float u_heightRatio;
+
+varying vec2 v_texCoord;
+varying vec4 v_color;
+
+#pragma include "projection"
+void main() {
+  vec2 uv = a_Position.xy / vec2(u_width, u_height);
+  vec2 minxy =  project_position(vec4(u_extent.xy, 0, 1.0)).xy;
+  vec2 maxxy =  project_position(vec4(u_extent.zw, 0, 1.0)).xy;
+  float value = texture2D(u_texture, vec2(uv.x,1.0 - uv.y)).x;
+  vec2 step = (maxxy - minxy) / vec2(u_width, u_height);
+  vec2 pos = minxy + vec2(a_Position.x, a_Position.y ) * step;
+  //  v_texCoord = a_Uv;
+  value = clamp(value,u_min,u_max);
+  float value1 =  (value - u_min) / (u_max -u_min);
+  vec4 color = texture2D(u_colorTexture,vec2(intensity, 0));
+
+  // if(uv.x > 1.0 || uv.y > 1.0) {
+  //   v_color = vec4(0.);
+  // }
+
+  //  vec2 range = u_extent.zw - u_extent.xy;
+  //  vec4 project_pos = project_position(vec4(pos, 0, 1.0));
+  //  gl_Position = project_common_position_to_clipspace(vec4(pos.xy, project_scale(value) * u_heightRatio, 1.0));
+
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    gl_Position = u_Mvp * (vec4(pos.xy, project_scale(value) * u_heightRatio, 1.0));
+  } else {
+    gl_Position = project_common_position_to_clipspace(vec4(pos.xy, project_scale(value) * u_heightRatio, 1.0));
+  }
+
+}

package/es/tile/interface.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=interface.js.map
+export {};

package/es/tile/manager/tileConfigManager.js

@@ -5,15 +5,15 @@ 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";
-import _isEqual from "lodash/isEqual";
 
 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 EventEmitter from 'eventemitter3';
+import { isEqual } from 'lodash';
 
-var TileConfigManager = function (_EventEmitter) {
+var TileConfigManager = /*#__PURE__*/function (_EventEmitter) {
   _inherits(TileConfigManager, _EventEmitter);
 
   var _super = _createSuper(TileConfigManager);
@@ -25,8 +25,6 @@ var TileConfigManager = function (_EventEmitter) {
 
     _this = _super.call(this);
 
-    _defineProperty(_assertThisInitialized(_this), "cacheConfig", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "checkConfigList", []);
 
     _this.cacheConfig = new Map();
@@ -75,12 +73,13 @@ var TileConfigManager = function (_EventEmitter) {
         } else {
           if (!(key in layerConfig)) {
             return;
-          }
+          } // @ts-ignore
+
 
           currentConfig = layerConfig[key];
         }
 
-        if (!_isEqual(cacheConfig, currentConfig)) {
+        if (!isEqual(cacheConfig, currentConfig)) {
           updateConfigs.push(key);
 
           _this2.setConfig(key, currentConfig);
@@ -119,5 +118,4 @@ var TileConfigManager = function (_EventEmitter) {
   return TileConfigManager;
 }(EventEmitter);
 
-export { TileConfigManager as default };
-//# sourceMappingURL=tileConfigManager.js.map
+export { TileConfigManager as default };

package/es/tile/manager/tileLayerManager.js

@@ -1,36 +1,16 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { generateColorRamp } from '@antv/l7-utils';
-import { getTileFactory } from '../tileFactory';
-import { getLayerShape, getMaskValue } from '../utils';
-import TileConfigManager from './tileConfigManager';
-import TilePickManager from './tilePickerManager';
-export var TileLayerManager = function () {
+import { getTileFactory } from "../tileFactory";
+import { getLayerShape, getMaskValue } from "../utils";
+import TileConfigManager from "./tileConfigManager";
+import TilePickManager from "./tilePickerManager";
+export var TileLayerManager = /*#__PURE__*/function () {
   function TileLayerManager(parent, mapService, rendererService, pickingService, layerService) {
     _classCallCheck(this, TileLayerManager);
 
-    _defineProperty(this, "sourceLayer", void 0);
-
-    _defineProperty(this, "parent", void 0);
-
-    _defineProperty(this, "children", void 0);
-
-    _defineProperty(this, "mapService", void 0);
-
-    _defineProperty(this, "rendererService", void 0);
-
-    _defineProperty(this, "tilePickManager", void 0);
-
-    _defineProperty(this, "tileConfigManager", void 0);
-
-    _defineProperty(this, "tileFactory", void 0);
-
-    _defineProperty(this, "initOptions", void 0);
-
-    _defineProperty(this, "rampColorsData", void 0);
-
     this.parent = parent;
     this.children = parent.layerChildren;
     this.mapService = mapService;
@@ -52,6 +32,7 @@ export var TileLayerManager = function () {
     value: function updateLayersConfig(layers, key, value) {
       layers.map(function (layer) {
         if (key === 'mask') {
+          // Tip: 栅格瓦片生效、设置全局的 mask、瓦片被全局的 mask 影响
           layer.style({
             mask: value
           });
@@ -194,6 +175,7 @@ export var TileLayerManager = function () {
       var layerShape = getLayerShape(this.parent.type, this.parent);
 
       if (rampColors) {
+        // 构建统一的色带贴图
         this.rampColorsData = generateColorRamp(rampColors);
       }
 
@@ -211,11 +193,13 @@ export var TileLayerManager = function () {
         stroke: stroke,
         strokeWidth: strokeWidth,
         strokeOpacity: strokeOpacity,
+        // raster tiff
         clampLow: clampLow,
         clampHigh: clampHigh,
         domain: domain,
         rampColors: rampColors,
         rampColorsData: this.rampColorsData,
+        // worker
         workerEnabled: workerEnabled,
         pixelConstant: pixelConstant,
         pixelConstantR: pixelConstantR,
@@ -229,11 +213,14 @@ export var TileLayerManager = function () {
     value: function setConfigListener() {
       var _this = this;
 
+      // RasterLayer PolygonLayer LineLayer PointLayer
+      // All Tile Layer Need Listen
       this.tileConfigManager.setConfig('opacity', this.initOptions.opacity);
       this.tileConfigManager.setConfig('zIndex', this.initOptions.zIndex);
       this.tileConfigManager.setConfig('mask', this.initOptions.mask);
 
       if (this.parent.type === 'RasterLayer') {
+        // Raster Tile Layer Need Listen
         this.tileConfigManager.setConfig('rampColors', this.initOptions.rampColors);
         this.tileConfigManager.setConfig('domain', this.initOptions.domain);
         this.tileConfigManager.setConfig('clampHigh', this.initOptions.clampHigh);
@@ -246,6 +233,7 @@ export var TileLayerManager = function () {
       } else {
         var _this$parent$getAttri, _this$parent$getAttri2, _this$parent$getAttri3;
 
+        // Vector Tile Layer Need Listen
         this.tileConfigManager.setConfig('stroke', this.initOptions.stroke);
         this.tileConfigManager.setConfig('strokeWidth', this.initOptions.strokeWidth);
         this.tileConfigManager.setConfig('strokeOpacity', this.initOptions.strokeOpacity);
@@ -289,7 +277,8 @@ export var TileLayerManager = function () {
 
         if (!(style in layerConfig)) {
           return;
-        }
+        } // @ts-ignore
+
 
         var config = layerConfig[style];
         updateValue = config;
@@ -298,7 +287,8 @@ export var TileLayerManager = function () {
         if (style === 'rampColors' && config) {
           this.rampColorsData = generateColorRamp(config);
         }
-      }
+      } // @ts-ignore
+
 
       this.initOptions[style] = updateValue;
     }
@@ -316,5 +306,4 @@ export var TileLayerManager = function () {
   }]);
 
   return TileLayerManager;
-}();
-//# sourceMappingURL=tileLayerManager.js.map
+}();

package/es/tile/manager/tilePickerManager.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import { EventEmitter } from 'eventemitter3';
 
-var TilePickManager = function (_EventEmitter) {
+var TilePickManager = /*#__PURE__*/function (_EventEmitter) {
   _inherits(TilePickManager, _EventEmitter);
 
   var _super = _createSuper(TilePickManager);
@@ -26,16 +26,6 @@ var TilePickManager = function (_EventEmitter) {
 
     _defineProperty(_assertThisInitialized(_this), "isLastPicked", false);
 
-    _defineProperty(_assertThisInitialized(_this), "rendererService", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "pickingService", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "layerService", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "children", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "parent", void 0);
-
     _this.parent = parent;
     _this.rendererService = rendererService;
     _this.pickingService = pickingService;
@@ -43,6 +33,11 @@ var TilePickManager = function (_EventEmitter) {
     _this.children = children;
     return _this;
   }
+  /**
+   *
+   * @param layers
+   */
+
 
   _createClass(TilePickManager, [{
     key: "normalRender",
@@ -58,6 +53,7 @@ var TilePickManager = function (_EventEmitter) {
         layer.hooks.beforeRender.call();
 
         if (layer.masks.length > 0) {
+          // 清除上一次的模版缓存
           _this2.rendererService.clear({
             stencil: 0,
             depth: 1,
@@ -81,6 +77,8 @@ var TilePickManager = function (_EventEmitter) {
     value: function pickRender(layers, target) {
       var _this3 = this;
 
+      // Tip: 在进行拾取渲染的时候也需要先渲染一遍父组件然后再渲染子组件
+      //  如需要在 栅格瓦片存在 Mask 的时候发生的拾取，那么就需要先渲染父组件（渲染父组件的帧缓冲）
       if (this.parent.type === 'RasterLayer') {
         this.renderMask(this.parent);
       }
@@ -91,6 +89,7 @@ var TilePickManager = function (_EventEmitter) {
         layer.hooks.beforePickingEncode.call();
 
         if (layer.masks.length > 0) {
+          // 清除上一次的模版缓存
           _this3.rendererService.clear({
             stencil: 0,
             depth: 1,
@@ -107,7 +106,8 @@ var TilePickManager = function (_EventEmitter) {
         layer.renderModels(true);
         layer.hooks.afterPickingEncode.call();
 
-        var layerPicked = _this3.pickingService.pickFromPickingFBO(layer, target);
+        var layerPicked = _this3.pickingService.pickFromPickingFBO(layer, target); // RasterLayer 不参与拾取后的 shader 计算
+
 
         if (layerPicked && _this3.parent.type !== 'RasterLayer') {
           _this3.emit('pick', {
@@ -123,6 +123,7 @@ var TilePickManager = function (_EventEmitter) {
       });
 
       if (this.parent.type !== 'RasterLayer' && !isPicked && this.isLastPicked && target.type !== 'click') {
+        // 只有上一次有被高亮选中，本次未选中的时候才需要清除选中状态
         this.pickingService.pickedTileLayers = [];
         this.emit('unpick', {});
         this.beforeHighlight([0, 0, 0]);
@@ -186,5 +187,4 @@ var TilePickManager = function (_EventEmitter) {
   return TilePickManager;
 }(EventEmitter);
 
-export { TilePickManager as default };
-//# sourceMappingURL=tilePickerManager.js.map
+export { TilePickManager as default };

package/es/tile/models/tileModel.js

@@ -8,10 +8,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 BaseModel from '../../core/BaseModel';
-import { TMSTileLayer } from '../tmsTileLayer';
+import BaseModel from "../../core/BaseModel";
+import { TMSTileLayer } from "../tmsTileLayer";
 
-var RasterTileModel = function (_BaseModel) {
+var RasterTileModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(RasterTileModel, _BaseModel);
 
   var _super = _createSuper(RasterTileModel);
@@ -51,11 +51,11 @@ var RasterTileModel = function (_BaseModel) {
     }
   }, {
     key: "registerBuiltinAttributes",
-    value: function registerBuiltinAttributes() {}
+    value: function registerBuiltinAttributes() {//
+    }
   }]);
 
   return RasterTileModel;
 }(BaseModel);
 
-export { RasterTileModel as default };
-//# sourceMappingURL=tileModel.js.map
+export { RasterTileModel as default };