@antv/l7-layers 2.9.27 → 2.9.28

package/es/tile/tmsMapTileLayer.d.ts

@@ -4,6 +4,4 @@ export declare class TMSBaseMapTileLayer extends BaseTileLayer {
     type: string;
     tileUnLoad(tile: Tile): void;
     tileUpdate(): void;
-    private emitTileVisibleEvent;
-    private updateTileVisible;
 }

package/es/tile/tmsMapTileLayer.js

@@ -12,7 +12,7 @@ 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 BaseTileLayer from "./tileLayer/baseMapTileLayer";
-import { tileAllLoad, updateLayersConfig } from "./utils";
+import { updateTileVisible } from "./utils";
 export var TMSBaseMapTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
   _inherits(TMSBaseMapTileLayer, _BaseTileLayer);
 
@@ -82,7 +82,7 @@ export var TMSBaseMapTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
 
           var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
 
-          _this2.updateTileVisible(tile, _layers);
+          updateTileVisible(tile, _layers, _this2.layerService);
         }
       });
 
@@ -91,28 +91,6 @@ export var TMSBaseMapTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
         this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
       }
     }
-  }, {
-    key: "emitTileVisibleEvent",
-    value: function emitTileVisibleEvent(tile, callback) {
-      if (tile.isVisible) {
-        callback();
-      } else {
-        tileAllLoad(tile, function () {
-          callback();
-        });
-      }
-    }
-  }, {
-    key: "updateTileVisible",
-    value: function updateTileVisible(tile, layers) {
-      var _this3 = this;
-
-      this.emitTileVisibleEvent(tile, function () {
-        updateLayersConfig(layers, 'visible', tile.isVisible);
-
-        _this3.layerService.reRender();
-      });
-    }
   }]);
 
   return TMSBaseMapTileLayer;

package/es/tile/tmsTileLayer.d.ts

@@ -4,6 +4,4 @@ export declare class TMSTileLayer extends BaseTileLayer {
     type: string;
     tileUnLoad(tile: Tile): void;
     tileUpdate(): void;
-    private emitTileVisibleEvent;
-    private updateTileVisible;
 }

package/es/tile/tmsTileLayer.js

@@ -12,7 +12,7 @@ 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 BaseTileLayer from "./tileLayer/baseTileLayer";
-import { tileAllLoad, updateLayersConfig } from "./utils";
+import { updateTileVisible } from "./utils";
 export var TMSTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
   _inherits(TMSTileLayer, _BaseTileLayer);
 
@@ -84,7 +84,7 @@ export var TMSTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
 
           var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
 
-          _this2.updateTileVisible(tile, _layers);
+          updateTileVisible(tile, _layers, _this2.layerService);
 
           _this2.setPickState(_layers);
         }
@@ -95,28 +95,6 @@ export var TMSTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
         this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
       }
     }
-  }, {
-    key: "emitTileVisibleEvent",
-    value: function emitTileVisibleEvent(tile, callback) {
-      if (tile.isVisible) {
-        callback();
-      } else {
-        tileAllLoad(tile, function () {
-          callback();
-        });
-      }
-    }
-  }, {
-    key: "updateTileVisible",
-    value: function updateTileVisible(tile, layers) {
-      var _this3 = this;
-
-      this.emitTileVisibleEvent(tile, function () {
-        updateLayersConfig(layers, 'visible', tile.isVisible);
-
-        _this3.layerService.reRender();
-      });
-    }
   }]);
 
   return TMSTileLayer;

package/es/tile/utils.d.ts

@@ -1,4 +1,4 @@
-import { ILayer, IMapService, IRendererService } from '@antv/l7-core';
+import { ILayer, IMapService, IRendererService, ILayerService } from '@antv/l7-core';
 import { Tile } from '@antv/l7-utils';
 export declare const tileVectorParser: string[];
 export declare function isVectorTile(parserType: string): boolean;
@@ -16,3 +16,4 @@ export declare function isTileChildLoaded(tile: Tile): boolean;
 export declare function isTileParentLoaded(tile: Tile): boolean;
 export declare function tileAllLoad(tile: Tile, callback: () => void): void;
 export declare function updateLayersConfig(layers: ILayer[], key: string, value: any): void;
+export declare function updateTileVisible(tile: Tile, layers: ILayer[], layerService: ILayerService): void;

package/es/tile/utils.js

@@ -171,4 +171,39 @@ export function updateLayersConfig(layers, key, value) {
       layer.updateLayerConfig(_defineProperty({}, key, value));
     }
   });
+}
+
+function dispatchTileVisibleChange(tile, callback) {
+  if (tile.isVisible) {
+    callback();
+  } else {
+    tileAllLoad(tile, function () {
+      callback();
+    });
+  }
+}
+
+function updateImmediately(layers) {
+  var immediately = true;
+  layers.map(function (layer) {
+    if (layer.type !== 'PointLayer') {
+      immediately = false;
+    }
+  });
+  return immediately;
+}
+
+export function updateTileVisible(tile, layers, layerService) {
+  if (layers.length === 0) return;
+
+  if (updateImmediately(layers)) {
+    updateLayersConfig(layers, 'visible', tile.isVisible);
+    layerService.reRender();
+    return;
+  }
+
+  dispatchTileVisibleChange(tile, function () {
+    updateLayersConfig(layers, 'visible', tile.isVisible);
+    layerService.reRender();
+  });
 }

package/es/wind/index.js

@@ -42,11 +42,7 @@ var WindLayer = /*#__PURE__*/function (_BaseLayer) {
       var modelType = this.getModelType();
       this.layerModel = new WindModels[modelType](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -55,9 +51,7 @@ var WindLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/Geometry/index.js

@@ -69,11 +69,7 @@ var GeometryLayer = /*#__PURE__*/function (_BaseLayer) {
       var modelType = this.getModelType();
       this.layerModel = new _models.default[modelType](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -82,9 +78,7 @@ var GeometryLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/canvas/index.js

@@ -57,11 +57,7 @@ var CanvasLayer = /*#__PURE__*/function (_BaseLayer) {
       var modelType = this.getModelType();
       this.layerModel = new _index.default[modelType](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -70,9 +66,7 @@ var CanvasLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/citybuliding/building.js

@@ -55,11 +55,7 @@ var CityBuildingLayer = /*#__PURE__*/function (_BaseLayer) {
 
       this.layerModel = new _build.default(this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -68,9 +64,7 @@ var CityBuildingLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/core/BaseLayer.js

@@ -139,6 +139,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
       afterDestroy: new _asyncHook.SyncHook()
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "models", []);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "modelLoaded", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerChildren", []);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "masks", []);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isVector", false);
@@ -1371,6 +1372,14 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     value: function getDefaultConfig() {
       return {};
     }
+  }, {
+    key: "dispatchModelLoad",
+    value: function dispatchModelLoad(models) {
+      this.models = models;
+      this.emit('modelLoaded', null);
+      this.modelLoaded = true;
+      this.layerService.throttleRenderLayers();
+    }
   }, {
     key: "reRender",
     value: function reRender() {

package/lib/earth/index.js

@@ -75,11 +75,7 @@ var EarthLayer = /*#__PURE__*/function (_BaseLayer) {
       var shape = this.getModelType();
       this.layerModel = new EarthModels[shape](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
     /**

package/lib/heatmap/index.js

@@ -56,11 +56,7 @@ var HeatMapLayer = /*#__PURE__*/function (_BaseLayer) {
       var shape = this.getModelType();
       this.layerModel = new _models.default[shape](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -69,9 +65,7 @@ var HeatMapLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/image/index.js

@@ -56,11 +56,7 @@ var ImageLayer = /*#__PURE__*/function (_BaseLayer) {
       var modelType = this.getModelType();
       this.layerModel = new _index.default[modelType](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -69,9 +65,7 @@ var ImageLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/line/index.js

@@ -76,11 +76,7 @@ var LineLayer = /*#__PURE__*/function (_BaseLayer) {
       var shape = this.getModelType();
       this.layerModel = new _models.default[shape](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -89,9 +85,7 @@ var LineLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/line/models/great_circle.js

@@ -250,7 +250,7 @@ var GreatCircleModel = /*#__PURE__*/function (_BaseModel) {
             type: _l7Core.gl.FLOAT
           },
           size: 1,
-          update: function update(feature) {
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
             var _feature$size = feature.size,
                 size = _feature$size === void 0 ? 1 : _feature$size;
             return Array.isArray(size) ? [size[0]] : [size];
@@ -269,7 +269,7 @@ var GreatCircleModel = /*#__PURE__*/function (_BaseModel) {
             type: _l7Core.gl.FLOAT
           },
           size: 4,
-          update: function update(feature, featureIdx, vertex) {
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
             return [vertex[3], vertex[4], vertex[5], vertex[6]];
           }
         }
@@ -286,10 +286,10 @@ var GreatCircleModel = /*#__PURE__*/function (_BaseModel) {
             type: _l7Core.gl.FLOAT
           },
           size: 2,
-          update: function update(feature) {
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
             var iconMap = _this2.iconService.getIconMap();
 
-            var texture = feature.texture;
+            var texture = feature.texture; // console.log('icon feature', feature)
 
             var _ref4 = iconMap[texture] || {
               x: 0,

package/lib/mask/index.js

@@ -131,9 +131,7 @@ var MaskLayer = /*#__PURE__*/function (_BaseLayer) {
       var shape = this.getModelType();
       this.layerModel = new _models.default[shape](this);
       this.layerModel.initModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {
@@ -142,9 +140,7 @@ var MaskLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this4 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this4.models = models;
-
-        _this4.emit('modelLoaded', null);
+        _this4.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/plugins/DataMappingPlugin.js

@@ -84,6 +84,10 @@ 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) {

package/lib/plugins/FeatureScalePlugin.js

@@ -102,7 +102,10 @@ var FeatureScalePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#
         return true;
       });
       layer.hooks.beforeRender.tap('FeatureScalePlugin', function () {
-        if (layer.layerModelNeedUpdate) {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            usage = _layer$getLayerConfig.usage;
+
+        if (layer.layerModelNeedUpdate || usage === 'basemap') {
           return;
         }
 

package/lib/plugins/LayerModelPlugin.js

@@ -52,6 +52,7 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
 
       layer.hooks.init.tap('LayerModelPlugin', function () {
         layer.inited = true;
+        layer.modelLoaded = false;
         var source = layer.getSource();
 
         if (source.inited) {
@@ -60,6 +61,7 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
       });
       layer.hooks.beforeRenderData.tap('DataSourcePlugin', function () {
         var source = layer.getSource();
+        layer.modelLoaded = false;
 
         if (source.inited) {
           _this.prepareLayerModel(layer);

package/lib/plugins/UpdateStyleAttributePlugin.js

@@ -38,18 +38,21 @@ _dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
         });
       });
       layer.hooks.beforeRender.tap('UpdateStyleAttributePlugin', function () {
-        if (layer.layerModelNeedUpdate) {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            usage = _layer$getLayerConfig.usage;
+
+        if (layer.layerModelNeedUpdate || layer.tileLayer || usage === 'basemap') {
           return;
         }
 
-        _this.updateStyleAtrribute(layer, {
+        layer.modelLoaded && _this.updateStyleAttribute(layer, {
           styleAttributeService: styleAttributeService
         });
       });
     }
   }, {
-    key: "updateStyleAtrribute",
-    value: function updateStyleAtrribute(layer, _ref2) {
+    key: "updateStyleAttribute",
+    value: function updateStyleAttribute(layer, _ref2) {
       var styleAttributeService = _ref2.styleAttributeService;
       var attributes = styleAttributeService.getLayerStyleAttributes() || [];
       var filter = styleAttributeService.getLayerStyleAttribute('filter');

package/lib/point/index.js

@@ -74,13 +74,7 @@ var PointLayer = /*#__PURE__*/function (_BaseLayer) {
       var modelType = this.getModelType();
       this.layerModel = new _index.default[modelType](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.layerService.updateLayerRenderList();
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -89,9 +83,7 @@ var PointLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
     /**

package/lib/polygon/index.js

@@ -58,11 +58,7 @@ var PolygonLayer = /*#__PURE__*/function (_BaseLayer) {
       var shape = this.getModelType();
       this.layerModel = new _models.default[shape](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -71,9 +67,7 @@ var PolygonLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/raster/index.js

@@ -56,11 +56,7 @@ var RaterLayer = /*#__PURE__*/function (_BaseLayer) {
       var modelType = this.getModelType();
       this.layerModel = new _index.default[modelType](this);
       this.layerModel.initModels(function (models) {
-        _this2.models = models;
-
-        _this2.emit('modelLoaded', null);
-
-        _this2.layerService.throttleRenderLayers();
+        _this2.dispatchModelLoad(models);
       });
     }
   }, {
@@ -69,9 +65,7 @@ var RaterLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        _this3.models = models;
-
-        _this3.emit('modelLoaded', null);
+        _this3.dispatchModelLoad(models);
       });
     }
   }, {

package/lib/raster/models/rasterTile.js

@@ -30,7 +30,7 @@ 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; } }
 
 /* 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";
+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\n\n\n// float getBlurIndusty() {\n//   vec2 u_ViewportSize = vec2(1024);\n\n//     float vW = 2.0/u_ViewportSize.x;\n//     float vH = 2.0/u_ViewportSize.y;\n//     vec2 vUv = v_texCoord;\n//     float i11 = texture2D( u_texture, vec2( vUv.x - 1.0 * vW, vUv.y + 1.0 * vH) ).r;\n//     float i12 = texture2D( u_texture, vec2( vUv.x - 0.0 * vW, vUv.y + 1.0 * vH) ).r;\n//     float i13 = texture2D( u_texture, vec2( vUv.x + 1.0 * vW, vUv.y + 1.0 * vH) ).r;\n\n//     float i21 = texture2D( u_texture, vec2( vUv.x - 1.0 * vW, vUv.y) ).r;\n//     float i22 = texture2D( u_texture, vec2( vUv.x , vUv.y) ).r;\n//     float i23 = texture2D( u_texture, vec2( vUv.x + 1.0 * vW, vUv.y) ).r;\n\n//     float i31 = texture2D( u_texture, vec2( vUv.x - 1.0 * vW, vUv.y-1.0*vH) ).r;\n//     float i32 = texture2D( u_texture, vec2( vUv.x - 0.0 * vW, vUv.y-1.0*vH) ).r;\n//     float i33 = texture2D( u_texture, vec2( vUv.x + 1.0 * vW, vUv.y-1.0*vH) ).r;\n\n//     return(\n//         i11 + \n//         i12 + \n//         i13 + \n//         i21 + \n//         i21 + \n//         i22 + \n//         i23 + \n//         i31 + \n//         i32 + \n//         i33\n//         )/9.0;\n// }\n\nvoid main() {\n\n  float value = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y)).r;\n\n  // float value = getBlurIndusty();\n\n\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";
 
 /* 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\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";

package/lib/raster/shaders/raster_2d_frag.glsl

@@ -10,9 +10,47 @@ uniform bool u_clampLow: true;
 uniform bool u_clampHigh: true;
 varying vec2 v_texCoord;
 
+
+
+// float getBlurIndusty() {
+//   vec2 u_ViewportSize = vec2(1024);
+
+//     float vW = 2.0/u_ViewportSize.x;
+//     float vH = 2.0/u_ViewportSize.y;
+//     vec2 vUv = v_texCoord;
+//     float i11 = texture2D( u_texture, vec2( vUv.x - 1.0 * vW, vUv.y + 1.0 * vH) ).r;
+//     float i12 = texture2D( u_texture, vec2( vUv.x - 0.0 * vW, vUv.y + 1.0 * vH) ).r;
+//     float i13 = texture2D( u_texture, vec2( vUv.x + 1.0 * vW, vUv.y + 1.0 * vH) ).r;
+
+//     float i21 = texture2D( u_texture, vec2( vUv.x - 1.0 * vW, vUv.y) ).r;
+//     float i22 = texture2D( u_texture, vec2( vUv.x , vUv.y) ).r;
+//     float i23 = texture2D( u_texture, vec2( vUv.x + 1.0 * vW, vUv.y) ).r;
+
+//     float i31 = texture2D( u_texture, vec2( vUv.x - 1.0 * vW, vUv.y-1.0*vH) ).r;
+//     float i32 = texture2D( u_texture, vec2( vUv.x - 0.0 * vW, vUv.y-1.0*vH) ).r;
+//     float i33 = texture2D( u_texture, vec2( vUv.x + 1.0 * vW, vUv.y-1.0*vH) ).r;
+
+//     return(
+//         i11 + 
+//         i12 + 
+//         i13 + 
+//         i21 + 
+//         i21 + 
+//         i22 + 
+//         i23 + 
+//         i31 + 
+//         i32 + 
+//         i33
+//         )/9.0;
+// }
+
 void main() {
 
   float value = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y)).r;
+
+  // float value = getBlurIndusty();
+
+
   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]))

package/lib/tile/tileFactory/base.js

@@ -147,7 +147,9 @@ var TileFactory = /*#__PURE__*/function () {
           tile = tileLayerOption.tile,
           initOptions = tileLayerOption.initOptions,
           vectorTileLayer = tileLayerOption.vectorTileLayer,
-          source = tileLayerOption.source;
+          source = tileLayerOption.source,
+          _tileLayerOption$need = tileLayerOption.needListen,
+          needListen = _tileLayerOption$need === void 0 ? true : _tileLayerOption$need;
       var mask = initOptions.mask,
           color = initOptions.color,
           layerType = initOptions.layerType,
@@ -160,7 +162,8 @@ var TileFactory = /*#__PURE__*/function () {
       var layer = new FactoryTileLayer((0, _objectSpread2.default)({
         visible: tile.isVisible,
         tileOrigin: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileOrigin,
-        coord: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileCoord
+        coord: vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.l7TileCoord,
+        needListen: needListen
       }, this.getLayerInitOption(initOptions)));
       if (layerType) layer.type = layerType; // Tip: sign tile layer