@antv/l7-layers 2.9.27-alpha.4 → 2.9.28

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 } 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 () {
-        _this3.tileLayerManager.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 } 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 () {
-        _this3.tileLayerManager.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;
@@ -15,3 +15,5 @@ export declare function isTileLoaded(tile: Tile): boolean;
 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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { createLayerContainer } from '@antv/l7-core';
 import { DOM } from '@antv/l7-utils';
@@ -158,4 +159,51 @@ export function tileAllLoad(tile, callback) {
       window.clearInterval(timer);
     }
   }, 36);
+}
+export function updateLayersConfig(layers, key, value) {
+  layers.map(function (layer) {
+    if (key === 'mask') {
+      // Tip: 栅格瓦片生效、设置全局的 mask、瓦片被全局的 mask 影响
+      layer.style({
+        mask: value
+      });
+    } else {
+      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);
@@ -949,7 +950,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$multiPassRender, _this$layerModel2;
+      var _this$multiPassRender, _this$layerModel2, _this$tileLayer;
 
       var refresh = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
 
@@ -977,6 +978,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
       this.hooks.afterDestroy.call(); // Tip: 清除各个图层自定义的 models 资源
 
       (_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.layerService.cleanRemove(this, refresh);
       this.emit('remove', {
@@ -1370,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);
       });
     }
   }, {
@@ -113,8 +107,7 @@ var RaterLayer = /*#__PURE__*/function (_BaseLayer) {
 
         default:
           return 'raster';
-      } // return 'raster';
-
+      }
     }
   }]);
   return RaterLayer;

package/lib/raster/models/raster.js

@@ -32,10 +32,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; } }
 
 /* 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";
+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";
 
 /* 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 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";
 
 var RasterModel = /*#__PURE__*/function (_BaseModel) {
   (0, _inherits2.default)(RasterModel, _BaseModel);