Merge pull request openlayers#16067 from mike-000/cog-setstyle

Reset layer style when new GeoTIFF source is ready

src/ol/layer/WebGLTile.js

@@ -368,8 +368,19 @@ class WebGLTileLayer extends BaseTileLayer {
     if (this.hasRenderer()) {
       this.getRenderer().clearCache();
     }
-    if (this.getSource()) {
-      this.setStyle(this.style_);
+    const source = this.getSource();
+    if (source) {
+      if (source.getState() === 'loading') {
+        const onChange = () => {
+          if (source.getState() === 'ready') {
+            source.removeEventListener('change', onChange);
+            this.setStyle(this.style_);
+          }
+        };
+        source.addEventListener('change', onChange);
+      } else {
+        this.setStyle(this.style_);
+      }
     }
   }
 

test/rendering/cases/cog-setsource/main.js

@@ -0,0 +1,37 @@
+import GeoTIFF from '../../../../src/ol/source/GeoTIFF.js';
+import Map from '../../../../src/ol/Map.js';
+import TileLayer from '../../../../src/ol/layer/WebGLTile.js';
+import View from '../../../../src/ol/View.js';
+
+const layer = new TileLayer({
+  style: {
+    color: ['array', ['band', 1], ['band', 1], ['band', 1], ['band', 2]],
+  },
+});
+
+const map = new Map({
+  target: 'map',
+  layers: [layer],
+  view: new View({
+    center: [0, 0],
+    zoom: 0,
+  }),
+});
+
+fetch('/data/raster/sentinel-b08.tif')
+  .then((response) => response.blob())
+  .then((blob) => {
+    const source = new GeoTIFF({
+      sources: [{blob: blob}],
+      transition: 0,
+    });
+
+    layer.setSource(source);
+    source.getView().then((options) => {
+      map.setView(new View(options));
+    });
+
+    render({
+      message: 'alpha styled from band 2',
+    });
+  });