2点間の道順を取得して地図上に描画する

Question

4号線で@ agm/coreを使用していますが、2点間の道順を地図上に描画したいのですが、それをするために。 公式サイトにはほとんどのドキュメントがあり、私が得たの@ AGM /コアのバージョンは1.0.0-beta.1ある

HTMLコード：

<agm-map> 
    <agm-polyline> 
    <agm-polyline-point *ngFor="let coordinate of coordinates" 
     [latitude]="coordinate.latitude" 
     [longitude]="coordinate.longitude"> 
    </agm-polyline-point> 
    </agm-polyline> 
</agm-map> 

コンポーネントコード：

public coordinates: [ 
{ 
    latitude: number, 
    longitude: number, 
} 
]; 

Answer 1

コードHTMLテンプレート：

<agm-map 
     [latitude]="lat" 
     [longitude]="lng" 
     > 


     <agm-marker 
     *ngFor="let coordinate of coordinates; let i=index" 
     [latitude]="coordinate.lat" 
     [longitude]="coordinate.lng" 
     ></agm-marker> 
     <agm-polyline 
     [visible]="true" 
     [strokeWeight]="3"> 
     <agm-polyline-point 
      *ngFor="let coordinate of coordinates; let i=index" 
      [latitude]="coordinate.lat" 
      [longitude]="coordinate.lng"> 

     </agm-polyline-point> 
     </agm-polyline> 

    </agm-map>