在Openlayers中旋转静态图像时保持坐标

Question

我目前正在一个项目中解决需求，我已经添加了一个静态图像作为ImageLayer，并为此生成了一个投影以为最终用户创建逻辑坐标。

我用于地图和初始图层的代码如下所示（请注意，我使用的是Angular）：

    private createMap(id): OlMap {
      const extent = [0, 0, 160, 160];
      const projection = new Projection({
        code: 'FPT 5th Floor',
        units: 'pixels',
        extent
      });

      const map = new OlMap({
        layers: [
          new ImageLayer({
            source: new Static({
              url: '/assets/t5-testing-Model.png',
              projection,
              imageExtent: extent,
              rotation: 1.54
            }),
          }),
        ],
        target: id,
        view: new OlView({
          projection,
          center: getCenter(extent),
          zoom: 2,
          maxZoom: 8,
        })
      });

      return map;
    }


    public getMap() {
      const id = 'map';

      if (!this.map[id]) {
        this.map[id] = this.createMap(id);
      }
      return this.map[id];
    }

开箱即用，我的地图看起来像这样：

但是当我旋转时，我的矢量层会停留在正确的坐标上。但是图像层倾斜：

我将如何纠正这个问题？