Постоянный радиус при увеличении или уменьшении

Question

Я новичок в openlayers, я пытаюсь понять, как сделать круг постоянным, когда я увеличиваю или уменьшаю карту, где я создал объект.Вот что я пробовал до сих пор.

<div *ngFor="let l of  line">
        <aol-feature *ngFor="let s of l?.segments" [id]="s.fromId">
          <aol-geometry-point>
            <aol-coordinate [x]="s?.from?.position?.longitude "     [y]="s?.from?.position?.latitude " [srid]="'EPSG:4326'"></aol-coordinate>
          </aol-geometry-point>
          <aol-style>
            <aol-style-circle [radius]="20" > //maybe here I'm doing wrong?
              <aol-style-stroke [color]="'black'"></aol-style-stroke>
              <aol-style-fill [color]="'white'"></aol-style-fill>
            </aol-style-circle>
            <aol-style-text [text]="s.from.name">
              <aol-style-fill [color]="'#black'"></aol-style-fill>
            </aol-style-text>
          </aol-style>
        </aol-feature>
  </div>