feature(Layer): add method to clear cache and update tiles

src/Core/View.js

@@ -424,6 +424,25 @@ class View extends THREE.EventDispatcher {
         }
     }
 
+    /**
+     * Redraws some imagery layers from the current layer list when the style has been modified.
+     * @example
+     * view.redrawLayer(layers);
+     * @param {string|Array<string>} layerId The identifier or an array of identifier
+     */
+    redrawLayer(layerId) {
+        if (!layerId.isArray) { layerId = [layerId]; }
+        layerId.forEach((layerIds) => {
+            const layer = this.getLayerById(layerIds);
+            if (layer) {
+                layer.invalidateCache();
+                this.notifyChange(layer);
+            } else {
+                throw new Error(`${layerIds} doesn't exist`);
+            }
+        });
+    }
+
     /**
      * Notifies the scene it needs to be updated due to changes exterior to the
      * scene itself (e.g. camera movement).

src/Layer/ColorLayer.js

@@ -115,6 +115,16 @@ class ColorLayer extends RasterLayer {
     update(context, layer, node, parent) {
         return updateLayeredMaterialNodeImagery(context, this, node, parent);
     }
+
+    invalidateCache() {
+        this.cache.clear();
+        this.parent.level0Nodes.forEach((node0) => {
+            node0.traverse((tile) => {
+                tile.layerUpdateState[this.id] = undefined;
+                tile.redraw = true;
+            });
+        });
+    }
 }
 
 export default ColorLayer;

src/Layer/FeatureGeometryLayer.js

@@ -61,6 +61,16 @@ class FeatureGeometryLayer extends GeometryLayer {
             this.object3d.clear();
         }
     }
+
+    invalidateCache() {
+        this.cache.clear();
+        this.parent.level0Nodes.forEach((node0) => {
+            node0.traverse((tile) => {
+                tile.layerUpdateState[this.id] = undefined;
+                tile.redraw = true;
+            });
+        });
+    }
 }
 
 export default FeatureGeometryLayer;

src/Layer/Layer.js

@@ -246,6 +246,14 @@ class Layer extends THREE.EventDispatcher {
     delete(clearCache) {
         console.warn('Function delete doesn\'t exist for this layer');
     }
+
+    /**
+     * Invalidate the cache of this layer.
+     * Only implemented in {@link ColorLayer} and {@link FeatureGeometryLayer} for the moment.
+     */
+    invalidateCache() {
+        throw new Error('invalidateCache is not supported yet in this type of layer');
+    }
 }
 
 export default Layer;

src/Process/FeatureProcessing.js

@@ -17,6 +17,10 @@ export default {
             return;
         }
 
+        if (node.redraw) {
+            node.link[this.id] = [];
+        }
+
         if (node.layerUpdateState[layer.id] === undefined) {
             node.layerUpdateState[layer.id] = new LayerUpdateState();
         } else if (!node.layerUpdateState[layer.id].canTryUpdate()) {

src/Process/LayeredMaterialNodeProcessing.js

@@ -110,11 +110,15 @@ export function updateLayeredMaterialNodeImagery(context, layer, node, parent) {
         return;
     }
 
-    if (nodeLayer.level >= extentsDestination[0].zoom) {
-        // default decision method
-        node.layerUpdateState[layer.id].noMoreUpdatePossible();
-        return;
+    // During the redraw processing, skip the noMoreUpdatePossible state
+    if (!node.redraw) {
+        if (nodeLayer.level >= extentsDestination[0].zoom) {
+            // default decision method
+            node.layerUpdateState[layer.id].noMoreUpdatePossible();
+            return;
+        }
     }
+    node.redraw = false;
 
     // is fetching data from this layer disabled?
     if (layer.frozen) {