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

package/lib/earth/models/base.js

@@ -65,7 +65,7 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
     value: function getUninforms() {
       var _this$layer$getLayerC = this.layer.getLayerConfig(),
           animateOption = _this$layer$getLayerC.animateOption,
-          globelOtions = _this$layer$getLayerC.globelOtions;
+          globalOptions = _this$layer$getLayerC.globalOptions;
 
       if (animateOption !== null && animateOption !== void 0 && animateOption.enable) {
         // @ts-ignore
@@ -80,13 +80,12 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
       }
 
       return {
-        u_ambientRatio: (globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.ambientRatio) || 0.6,
+        u_ambientRatio: (globalOptions === null || globalOptions === void 0 ? void 0 : globalOptions.ambientRatio) || 0.6,
         // 环境光
-        u_diffuseRatio: (globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.diffuseRatio) || 0.4,
+        u_diffuseRatio: (globalOptions === null || globalOptions === void 0 ? void 0 : globalOptions.diffuseRatio) || 0.4,
         // 漫反射
-        u_specularRatio: (globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.specularRatio) || 0.1,
+        u_specularRatio: (globalOptions === null || globalOptions === void 0 ? void 0 : globalOptions.specularRatio) || 0.1,
         // 高光反射
-        // u_sunLight: [120, 120, 120],
         u_sunLight: [this.sunX, this.sunY, this.sunZ],
         u_texture: this.texture
       };
@@ -98,7 +97,7 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
       this.sunY = 10;
       this.sunX = Math.cos(this.earthTime) * (this.sunRadius - this.sunY);
       this.sunZ = Math.sin(this.earthTime) * (this.sunRadius - this.sunY);
-      this.layerService.renderLayers();
+      this.layerService.throttleRenderLayers();
     }
   }, {
     key: "initModels",
@@ -106,10 +105,10 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
       var _this2 = this;
 
       var _this$layer$getLayerC2 = this.layer.getLayerConfig(),
-          globelOtions = _this$layer$getLayerC2.globelOtions;
+          globalOptions = _this$layer$getLayerC2.globalOptions;
 
-      if ((globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.earthTime) !== undefined) {
-        this.setEarthTime(globelOtions.earthTime);
+      if ((globalOptions === null || globalOptions === void 0 ? void 0 : globalOptions.earthTime) !== undefined) {
+        this.setEarthTime(globalOptions.earthTime);
       }
 
       var source = this.layer.getSource();
@@ -125,9 +124,7 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
           height: imageData[0].height
         });
 
-        _this2.layerService.updateLayerRenderList();
-
-        _this2.layerService.renderLayers();
+        _this2.layerService.reRender();
       });
       this.buildModels(callbackModel);
     }
@@ -139,7 +136,7 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "buildModels",
     value: function buildModels(callbackModel) {
-      // TODO: 调整图层的绘制顺序 地球大气层
+      // Tip: 调整图层的绘制顺序 地球大气层
       this.layer.zIndex = -998;
       this.layer.buildLayerModel({
         moduleName: 'earthBase',
@@ -160,20 +157,18 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
-      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Size',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 1,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature) {
             var _feature$size = feature.size,
                 size = _feature$size === void 0 ? 1 : _feature$size;
             return Array.isArray(size) ? [size[0]] : [size];
@@ -186,7 +181,6 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
         descriptor: {
           name: 'a_Normal',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.STATIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
@@ -209,7 +203,7 @@ var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
             type: _l7Core.gl.FLOAT
           },
           size: 2,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature, featureIdx, vertex) {
             return [vertex[3], vertex[4]];
           }
         }

package/lib/earth/models/bloomsphere.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/bloomsphere_frag.glsl' */
-var bloomSphereFrag = "\nuniform float u_opacity;\nuniform vec3 u_CameraPosition;\nvarying vec3 vVertexNormal;\n\nvarying vec4 v_Color;\nvoid main() {\n\n\n    float intensity =  - dot(normalize(vVertexNormal), normalize(u_CameraPosition));\n    // TODO: \u53BB\u9664\u80CC\u9762\n    if(intensity > 1.0) intensity = 0.0;\n\n    gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);\n}\n";
+var bloomSphereFrag = "\nuniform float u_opacity;\nuniform vec3 u_CameraPosition;\nvarying vec3 vVertexNormal;\n\nvarying vec4 v_Color;\nvoid main() {\n\n\n    float intensity =  - dot(normalize(vVertexNormal), normalize(u_CameraPosition));\n    // \u53BB\u9664\u80CC\u9762\n    if(intensity > 1.0) intensity = 0.0;\n\n    gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);\n}\n";
 
 /* babel-plugin-inline-import '../shaders/bloomsphere_vert.glsl' */
 var bloomSphereVert = "\nattribute vec3 a_Position;\nattribute vec3 a_Normal;\nattribute vec2 a_Uv;\nattribute vec4 a_Color;\nuniform vec3 u_CameraPosition;\nuniform mat4 u_ViewProjectionMatrix;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_ViewMatrix;\n\nvarying vec3 vVertexNormal;\nvarying vec4 v_Color;\n\nvoid main() {\n    v_Color = a_Color;\n\n    vVertexNormal = a_Normal;\n\n    gl_Position = u_ViewProjectionMatrix * u_ModelMatrix * vec4(a_Position, 1.0);\n}\n";
@@ -69,7 +69,7 @@ var EarthBloomSphereModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "buildModels",
     value: function buildModels(callbackModel) {
-      // TODO: 调整图层的绘制顺序，让它保持在地球后面（减少锯齿现象）
+      // Tip: 调整图层的绘制顺序，让它保持在地球后面（减少锯齿现象）
       this.layer.zIndex = -999;
       this.layer.buildLayerModel({
         moduleName: 'earthBloom',
@@ -90,20 +90,18 @@ var EarthBloomSphereModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
-      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Size',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 1,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature) {
             var _feature$size = feature.size,
                 size = _feature$size === void 0 ? 1 : _feature$size;
             return Array.isArray(size) ? [size[0]] : [size];
@@ -116,7 +114,6 @@ var EarthBloomSphereModel = /*#__PURE__*/function (_BaseModel) {
         descriptor: {
           name: 'a_Normal',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.STATIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
@@ -133,13 +130,12 @@ var EarthBloomSphereModel = /*#__PURE__*/function (_BaseModel) {
         descriptor: {
           name: 'a_Uv',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 2,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature, featureIdx, vertex) {
             return [vertex[3], vertex[4]];
           }
         }

package/lib/earth/shaders/atmosphere_frag.glsl

@@ -10,7 +10,7 @@ void main() {
     
     // float intensity = pow(0.5 + dot(normalize(vVertexNormal), normalize(u_CameraPosition)), 3.0);
     float intensity = pow(v_offset + dot(normalize(vVertexNormal), normalize(u_CameraPosition)), 3.0);
-    // TODO: 去除背面
+    // 去除背面
     if(intensity > 1.0) intensity = 0.0;
 
     gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);

package/lib/earth/shaders/bloomsphere_frag.glsl

@@ -8,7 +8,7 @@ void main() {
 
 
     float intensity =  - dot(normalize(vVertexNormal), normalize(u_CameraPosition));
-    // TODO: 去除背面
+    // 去除背面
     if(intensity > 1.0) intensity = 0.0;
 
     gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);

package/lib/heatmap/index.js

@@ -58,7 +58,9 @@ var HeatMapLayer = /*#__PURE__*/function (_BaseLayer) {
       this.layerModel.initModels(function (models) {
         _this2.models = models;
 
-        _this2.renderLayers();
+        _this2.emit('modelLoaded', null);
+
+        _this2.layerService.throttleRenderLayers();
       });
     }
   }, {
@@ -67,7 +69,9 @@ var HeatMapLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        return _this3.models = models;
+        _this3.models = models;
+
+        _this3.emit('modelLoaded', null);
       });
     }
   }, {
@@ -88,9 +92,7 @@ var HeatMapLayer = /*#__PURE__*/function (_BaseLayer) {
       if (this.layerModelNeedUpdate) {
         this.layerModel.buildModels(function (models) {
           return _this4.models = models;
-        }); // @ts-ignore
-        // this.models = this.layerModel.buildModels();
-
+        });
         this.layerModelNeedUpdate = false;
       }
 

package/lib/heatmap/models/grid.js

@@ -101,14 +101,12 @@ var GridModel = /*#__PURE__*/function (_BaseModel) {
         descriptor: {
           name: 'a_Pos',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 3,
-          update: function update(feature, featureIdx) {
-            // const coordinates = feature.coordinates as number[];
+          update: function update(feature) {
             var coordinates = feature.version === 'GAODE2.x' ? feature.originCoordinates : feature.coordinates;
             return [coordinates[0], coordinates[1], 0];
           }

package/lib/heatmap/models/grid3d.js

@@ -95,33 +95,29 @@ var Grid3DModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
-      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Size',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 1,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature) {
             var size = feature.size;
             return Array.isArray(size) ? [size[0]] : [size];
           }
         }
-      }); // point layer size;
-
+      });
       this.styleAttributeService.registerStyleAttribute({
         name: 'normal',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Normal',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.STATIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
@@ -139,16 +135,13 @@ var Grid3DModel = /*#__PURE__*/function (_BaseModel) {
         descriptor: {
           name: 'a_Pos',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 3,
-          update: function update(feature, featureIdx) {
-            var coordinates = feature.version === 'GAODE2.x' ? feature.originCoordinates : feature.coordinates; // const coordinates = feature.coordinates as number[];
-            // const coordinates = feature.originCoordinates as number[];
-
+          update: function update(feature) {
+            var coordinates = feature.version === 'GAODE2.x' ? feature.originCoordinates : feature.coordinates;
             return [coordinates[0], coordinates[1], 0];
           }
         }

package/lib/heatmap/models/heatmap.js

@@ -110,13 +110,13 @@ var HeatMapModel = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE
       var _initModels = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(callbackModel) {
         var _shapeAttr$scale;
 
-        var _this$rendererService2, createFramebuffer, clear, getViewportSize, createTexture2D, useFramebuffer, shapeAttr, shapeType, _getViewportSize, width, height;
+        var _this$rendererService2, createFramebuffer, getViewportSize, createTexture2D, shapeAttr, shapeType, _getViewportSize, width, height;
 
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _this$rendererService2 = this.rendererService, createFramebuffer = _this$rendererService2.createFramebuffer, clear = _this$rendererService2.clear, getViewportSize = _this$rendererService2.getViewportSize, createTexture2D = _this$rendererService2.createTexture2D, useFramebuffer = _this$rendererService2.useFramebuffer;
+                _this$rendererService2 = this.rendererService, createFramebuffer = _this$rendererService2.createFramebuffer, getViewportSize = _this$rendererService2.getViewportSize, createTexture2D = _this$rendererService2.createTexture2D;
                 shapeAttr = this.styleAttributeService.getLayerStyleAttribute('shape');
                 shapeType = (shapeAttr === null || shapeAttr === void 0 ? void 0 : (_shapeAttr$scale = shapeAttr.scale) === null || _shapeAttr$scale === void 0 ? void 0 : _shapeAttr$scale.field) || 'heatmap';
                 this.shapeType = shapeType; // 生成热力图密度图
@@ -174,18 +174,16 @@ var HeatMapModel = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE
         descriptor: {
           name: 'a_Dir',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 2,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature, featureIdx, vertex) {
             return [vertex[3], vertex[4]];
           }
         }
-      }); // point layer size;
-
+      });
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: _l7Core.AttributeType.Attribute,
@@ -198,7 +196,7 @@ var HeatMapModel = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE
             type: _l7Core.gl.FLOAT
           },
           size: 1,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature) {
             var _feature$size = feature.size,
                 size = _feature$size === void 0 ? 1 : _feature$size;
             return [size];
@@ -237,7 +235,8 @@ var HeatMapModel = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE
                       dstRGB: _l7Core.gl.ONE,
                       dstAlpha: 1
                     }
-                  }
+                  },
+                  pick: false
                 });
 
               case 3:
@@ -283,6 +282,7 @@ var HeatMapModel = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE
           createBuffer = _this$rendererService3.createBuffer,
           createModel = _this$rendererService3.createModel;
       return createModel({
+        pick: false,
         vs: vs,
         fs: fs,
         attributes: {
@@ -306,7 +306,6 @@ var HeatMapModel = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE
           enable: false
         },
         blend: this.getBlend(),
-        // count: 6,
         elements: createElements({
           data: [0, 2, 1, 2, 3, 1],
           type: _l7Core.gl.UNSIGNED_INT,

package/lib/heatmap/models/hexagon.js

@@ -102,17 +102,13 @@ var HexagonModel = /*#__PURE__*/function (_BaseModel) {
         descriptor: {
           name: 'a_Pos',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 3,
-          update: function update(feature, featureIdx) {
-            // const coordinates = (feature.verison==='GAODE2.x'?feature.originoordinates:feature.coordinates) as number[];
-            var coordinates = feature.version === 'GAODE2.x' ? feature.originCoordinates : feature.coordinates; // const coordinates = feature.coordinates as number[];
-            // const coordinates = feature.originCoordinates as number[];
-
+          update: function update(feature) {
+            var coordinates = feature.version === 'GAODE2.x' ? feature.originCoordinates : feature.coordinates;
             return [coordinates[0], coordinates[1], 0];
           }
         }

package/lib/heatmap/triangulation.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.heatMap3DTriangulation = heatMap3DTriangulation;
 
-// @ts-ignore
 function heatMap3DTriangulation(width, height) {
   var indices = [];
   var vertices = [];

package/lib/image/index.js

@@ -58,7 +58,9 @@ var ImageLayer = /*#__PURE__*/function (_BaseLayer) {
       this.layerModel.initModels(function (models) {
         _this2.models = models;
 
-        _this2.renderLayers();
+        _this2.emit('modelLoaded', null);
+
+        _this2.layerService.throttleRenderLayers();
       });
     }
   }, {
@@ -67,7 +69,9 @@ var ImageLayer = /*#__PURE__*/function (_BaseLayer) {
       var _this3 = this;
 
       this.layerModel.buildModels(function (models) {
-        return _this3.models = models;
+        _this3.models = models;
+
+        _this3.emit('modelLoaded', null);
       });
     }
   }, {
@@ -89,7 +93,8 @@ var ImageLayer = /*#__PURE__*/function (_BaseLayer) {
       var type = this.getModelType();
       var defaultConfig = {
         image: {},
-        dataImage: {}
+        dataImage: {},
+        tileDataImage: {}
       };
       return defaultConfig[type];
     }
@@ -105,6 +110,8 @@ var ImageLayer = /*#__PURE__*/function (_BaseLayer) {
         return 'dataImage';
       } else if (shape === 'image') {
         return 'image';
+      } else if (shape === 'tileDataImage') {
+        return 'tileDataImage';
       } else {
         return 'image';
       }

package/lib/image/models/dataImage.js

@@ -73,7 +73,7 @@ var ImageDataModel = /*#__PURE__*/function (_BaseModel) {
           pixelConstantRGB = _ref$pixelConstantRGB === void 0 ? 0.1 : _ref$pixelConstantRGB;
 
       if (!(0, _lodash.isEqual)(this.rampColors, rampColors)) {
-        this.updateColorTexure();
+        this.updateColorTexture();
         this.rampColors = rampColors;
       }
 
@@ -111,39 +111,15 @@ var ImageDataModel = /*#__PURE__*/function (_BaseModel) {
         height: 0,
         width: 0
       });
-
-      if (_l7Utils.isMini) {
-        // @ts-ignore
-        var canvas = this.layerService.sceneService.getSceneConfig().canvas;
-        var img = canvas.createImage();
-        img.crossOrigin = 'anonymous';
-        img.src = source.data.originData;
-
-        img.onload = function () {
-          _this.texture = createTexture2D({
-            data: img,
-            width: img.width,
-            height: img.height
-          });
-
-          _this.layerService.updateLayerRenderList();
-
-          _this.layerService.renderLayers();
-        };
-      } else {
-        source.data.images.then(function (imageData) {
-          _this.texture = createTexture2D({
-            data: imageData[0],
-            width: imageData[0].width,
-            height: imageData[0].height
-          });
-
-          _this.layerService.updateLayerRenderList();
-
-          _this.layerService.renderLayers();
+      source.data.images.then(function (imageData) {
+        _this.texture = createTexture2D({
+          data: imageData[0],
+          width: imageData[0].width,
+          height: imageData[0].height
         });
-      }
 
+        _this.layerService.reRender();
+      });
       var rampImageData = rampColorsData ? rampColorsData : (0, _l7Utils.generateColorRamp)(rampColors);
       this.colorTexture = createTexture2D({
         data: rampImageData.data,
@@ -161,7 +137,8 @@ var ImageDataModel = /*#__PURE__*/function (_BaseModel) {
           enable: false
         },
         blend: this.getBlend(),
-        stencil: (0, _l7Utils.getMask)(mask, maskInside)
+        stencil: (0, _l7Utils.getMask)(mask, maskInside),
+        pick: false
       }).then(function (model) {
         callbackModel([model]);
       }).catch(function (err) {
@@ -198,28 +175,26 @@ var ImageDataModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
-      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'uv',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Uv',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 2,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature, featureIdx, vertex) {
             return [vertex[3], vertex[4]];
           }
         }
       });
     }
   }, {
-    key: "updateColorTexure",
-    value: function updateColorTexure() {
+    key: "updateColorTexture",
+    value: function updateColorTexture() {
       var createTexture2D = this.rendererService.createTexture2D;
 
       var _ref3 = this.layer.getLayerConfig(),

package/lib/image/models/image.js

@@ -88,9 +88,7 @@ var ImageModel = /*#__PURE__*/function (_BaseModel) {
             height: img.height
           });
 
-          _this.layerService.updateLayerRenderList();
-
-          _this.layerService.renderLayers();
+          _this.layerService.reRender();
         };
       } else {
         source.data.images.then(function (imageData) {
@@ -102,9 +100,7 @@ var ImageModel = /*#__PURE__*/function (_BaseModel) {
             min: _l7Core.gl.LINEAR
           });
 
-          _this.layerService.updateLayerRenderList();
-
-          _this.layerService.renderLayers();
+          _this.layerService.reRender();
         });
       }
 
@@ -121,7 +117,8 @@ var ImageModel = /*#__PURE__*/function (_BaseModel) {
         depth: {
           enable: false
         },
-        stencil: (0, _l7Utils.getMask)(mask, maskInside)
+        stencil: (0, _l7Utils.getMask)(mask, maskInside),
+        pick: false
       }).then(function (model) {
         callbackModel([model]);
       }).catch(function (err) {
@@ -157,20 +154,18 @@ var ImageModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
-      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'uv',
         type: _l7Core.AttributeType.Attribute,
         descriptor: {
           name: 'a_Uv',
           buffer: {
-            // give the WebGL driver a hint that this buffer may change
             usage: _l7Core.gl.DYNAMIC_DRAW,
             data: [],
             type: _l7Core.gl.FLOAT
           },
           size: 2,
-          update: function update(feature, featureIdx, vertex, attributeIdx) {
+          update: function update(feature, featureIdx, vertex) {
             return [vertex[3], vertex[4]];
           }
         }

package/lib/image/models/index.js

@@ -11,9 +11,12 @@ var _dataImage = _interopRequireDefault(require("./dataImage"));
 
 var _image = _interopRequireDefault(require("./image"));
 
+var _tileDataImage = _interopRequireDefault(require("./tileDataImage"));
+
 var ImageModels = {
   image: _image.default,
-  dataImage: _dataImage.default
+  dataImage: _dataImage.default,
+  tileDataImage: _tileDataImage.default
 };
 var _default = ImageModels;
 exports.default = _default;