Как нарисовать заполненную дугу в угловых 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);
  }