hinzufügen dynamische Linie angular2 google mit Karten

Question

Ich bin derzeit mit https://github.com/SebastianM/angular2-google-maps Angular Google Maps beigefügten Link, meine Anforderung ist dynamische Linie mit agm-Linienzug zu ziehen, wenn der Benutzer auf die Schaltfläche klickt er einen Punkt auf der Karte mit der geographischen Breite platziert und Länge, jetzt möchte ich einen Weg ziehen, um die gleiche linee mit: meine Probe ist

app.html

 <button (click)="add()">Add Line</button> 
<agm-map [latitude]="lat" [longitude]="lng" [panControl]="true" [usePanning]="true" [rotateControl]="true"> 
     <agm-marker [latitude]="lat" [longitude]="lng"> 
     </agm-marker> 
     </agm-marker> 
       <agm-polyline *ngFor="let data of lines" [editable]="true"> 
          <agm-polyline-point 
           [latitude]="data.lat" 
           [longitude]="data.lng"> 
          </agm-polyline-point> 
       </agm-polyline> 
    </agm-map> 

app.component.ts

add() { 
console.log('on shape') 
this.lines.push({lat: 51.79, lng: 7.8});//creates a point now want to add draw path 

}

es einen Punkt, schafft diesen Punkt jetzt mit i geschätzt eine Linie jede Hilfe ziehen wollen, werden stark

Answer 1

Sie benötigen * platzieren ngFor = "lasst Daten von Linien" innerhalb von agm-Polylinienpunkt. So: -

<agm-polyline [editable]="true"> 
    <agm-polyline-point *ngFor="let data of lines" 
     [latitude]="data.lat" 
     [longitude]="data.lng"> 
    </agm-polyline-point> 
</agm-polyline>