如何在Angular Google Maps中绘制实心圆弧？

Question

我有一个要求，我想画一个有四个象限的圆，所有四个象限都具有从中心点起指定的角度和半径。如下所示：

但圆周上没有标记。我应该能够提供弧角，半径和中心点。 Angular Google Maps如何实现？

我可以使用agm-circle指令获取中心点并设置半径并绘制圆。

我已经引用了以下答案：https://stackoverflow.com/a/24959636/11253641

Answer 1

您可以使用多边形指令

<agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
  <agm-polyline>
      <agm-polyline-point *ngFor="let point of arcPoints" [latitude]="point.latitude" [longitude]="point.longitude">
      </agm-polyline-point>
  </agm-polyline>
</agm-map>

和component.ts

中

  ngOnInit() {
    this.arcPoints = drawArc(center, initialBearing, finalBearing, radius);
  }