Angular 旋转角度谷歌地图中的标记

我正试图使绘图成为车辆移动的路径。我在angular中使用@agm/core angular谷歌地图。我在文档中找不到任何有助于旋转标记的内容。

iconUrl属性没有提供足够的支持。我试过：-

     this.iconUrl = {
        path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145  5,90 95,90 z',
        scale: 6,
        fillColor: "red",
        fillOpacity: 0.8,
        strokeWeight: 2,
        rotation: 150 //this is how to rotate the pointer
    };

上面的代码在地图上没有显示任何标记

  this.iconUrl = {
        url: 'images/car.svg',
        scale: 6,
        rotation: 150
    };

上面的代码显示标记，但不缩放或旋转标记

---

我想旋转标记。有什么可能的方法来实现这一点吗？是否有人使用@agm实现了这一点。

您不能使用agm标记和iconUrl属性旋转标记。我建议使用agm叠加。通过这种方式，您可以使用“img src”设置图标，并使用内联css“样式”旋转图标。 您可以在此处查看我的工作示例：

 <agm-overlay *ngFor="let marker of markers" [latitude]="marker.latitude" [longitude]="marker.longitude">
    <div>
      <img *ngIf="marker.type === 'BT'" src='./assets/images/bt.png' style="transform: rotate({{marker.rotation}}deg);
        width: 60%;
      height: 60%;">
      <img *ngIf="marker.type === 'RTMS'" src='./assets/images/test.png' style="transform: rotate({{marker.rotation}}deg);
      width: 5%;
      height: 5%;">
    </div>
  </agm-overlay>

---

你能举个例子吗？欢迎来到StackOveflow！请复制粘贴您的代码直接在答案中，而不是链接到图像，您复制粘贴您的谷歌地图图像直接在答案中。这样会使你的答案更清晰、更友好：）谢谢你的建议。由于我是一名新的投稿人，我还不能上传带有复制粘贴的图像。