Есть ли способ вписать agm-полилинию внутри карты в angular 7 - PullRequest
0 голосов
/ 22 апреля 2020

Я хочу вписать полилинии в мою карту и хочу динамически устанавливать уровень масштабирования в соответствии с размером полилиний и расположением полилиний. Мой код здесь:

  <agm-map style="height: 500px" [latitude]='selectedLatitude' [longitude]='selectedLongitude'
    *ngIf='xPolyline.length'>
    <agm-polyline *ngFor='let polyline of xPolyline' [strokeColor]="'#0000ff'" [strokeOpacity]="0.9">
      <agm-polyline-point *ngFor="let point of polyline;let i = index;" [latitude]="point.latitude"
        [longitude]="point.longitude">
      </agm-polyline-point>
    </agm-polyline>
  </agm-map>

1 Ответ

1 голос
/ 22 апреля 2020
this.agmMap.mapReady.subscribe(map => {
   const bounds: LatLngBounds = new google.maps.LatLngBounds();
   for (const mm of polyline) {
      bounds.extend(new google.maps.LatLng(mm.lat, mm.lng));
   }
   map.fitBounds(bounds);
});

Здесь маркеры - это массив всех доступных широты и долготы. Это установит уровень масштабирования, чтобы соответствовать всем вашим точкам полилинии на карте.

...