Merge pull request #11218 from ahocevar/getfeature-rotated

getFeatures() uses wrong transforms after resetting rotation

src/ol/renderer/canvas/VectorImageLayer.js

@@ -150,20 +150,11 @@ class CanvasVectorImageLayerRenderer extends CanvasImageLayerRenderer {
         function () {
           if (image.getState() === ImageState.LOADED) {
             this.image_ = image;
-          }
-        }.bind(this)
-      );
-      image.load();
-    }
-
-    if (this.image_) {
-      const image = this.image_;
             const imageResolution = image.getResolution();
             const imagePixelRatio = image.getPixelRatio();
             const renderedResolution =
               (imageResolution * pixelRatio) / imagePixelRatio;
             this.renderedResolution = renderedResolution;
-      this.renderedPixelToCoordinateTransform_ = frameState.pixelToCoordinateTransform.slice();
             this.coordinateToVectorPixelTransform_ = compose(
               this.coordinateToVectorPixelTransform_,
               width / 2,
@@ -175,6 +166,14 @@ class CanvasVectorImageLayerRenderer extends CanvasImageLayerRenderer {
               -viewState.center[1]
             );
           }
+        }.bind(this)
+      );
+      image.load();
+    }
+
+    if (this.image_) {
+      this.renderedPixelToCoordinateTransform_ = frameState.pixelToCoordinateTransform.slice();
+    }
 
     return !!this.image_;
   }

src/ol/renderer/canvas/VectorLayer.js

@@ -318,6 +318,10 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
       container.style.opacity = opacity === 1 ? '' : String(opacity);
     }
 
+    if (this.renderedRotation_ !== viewState.rotation) {
+      this.renderedRotation_ = viewState.rotation;
+      this.hitDetectionImageData_ = null;
+    }
     return this.container;
   }
 
@@ -660,7 +664,6 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
     this.renderedRevision_ = vectorLayerRevision;
     this.renderedRenderOrder_ = vectorLayerRenderOrder;
     this.renderedExtent_ = extent;
-    this.renderedRotation_ = viewState.rotation;
     this.renderedCenter_ = center;
     this.renderedProjection_ = projection;
     this.replayGroup_ = executorGroup;