Cannot find a way to rotate the image in the map-ground-overlay

[shimondahan]

I am trying to upgrade from agm-map component to google-map .

I have a custom image layer (image that represent a map of the specific location.

I just need a way to rotate it.

My old code : (Angular 7:

<agm-map class="main-map" [zoom]="20" [latitude]="data.cntrLatitude" [longitude]="data.cntrLongitude">
            <agm-overlay [latitude]="data.cntrLatitude" [longitude]="data.cntrLongitude" [bounds]="bounds">
                <img class="img" **[ngStyle]="{'transform': 'rotate(' +  (bearing)  +  'deg)'}"** [src]="data.dataFileUrl" />
          </agm-overlay>
</agm-map>

The new Code (Angular 14):

<google-map height="500px" width="100%" [center]="center" [zoom]="20" [options]="options">
  <map-ground-overlay #map="mapGroundOverlay" [bounds]="googleImageBounds" [url]="data.dataFileUrl">
  </map-ground-overlay>
</google-map>

I need a way to rotate the image.

In javascript sdk for this object there is a way to do it but I cannot find a way to do it with the angular wrapper components.

Versions:
"@angular/animations": "^14.0.0",
"@angular/cdk": "^14.0.2",
"@angular/common": "^14.0.0",
"@angular/compiler": "^14.0.0",
"@angular/core": "^14.0.0",
"@angular/fire": "^7.4.1",
"@angular/forms": "^14.0.0",
"@angular/google-maps": "^14.0.2",
"@angular/material": "^14.0.2",
"@angular/platform-browser": "^14.0.0",
"@angular/platform-browser-dynamic": "^14.0.0",
"@angular/router": "^14.0.0",
"@ngrx/store": "^14.0.0",
"rxjs": "~7.5.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"