Agl Polyline получить точку нового края - PullRequest
Новая
       30

Agl Polyline получить точку нового края

0 голосов
/ 27 февраля 2020

У меня есть agm-полилиния с двумя точками agm-полилинии. При перемещении края линии (средней точки) я хочу сохранить новую линию с 3 точками. Проблема в том, что при перемещении края в новое место событие возвращает неправильные координаты или просто координаты чего-то еще. 

    <agm-map [zoom]="zoom" [latitude]="lat" [longitude]="lng" style="height: 500px">
      <agm-polyline [editable]="true" (lineMouseUp)="addEdge($event)">
        <agm-polyline-point 
        *ngFor="let point of points" [latitude]="point.lat" [longitude]="point.lng"></agm-polyline-point>
      </agm-polyline>
    </agm-map>

  lat: number = 32.0795723;
  lng: number = 34.7757089;
  zoom: number = 16;
  @ViewChild('line') polyLine : AgmPolyline;
  points = [
    {lat: 32.0795723, lng: 34.7757089},
    {lat: 32.0780565, lng: 34.7798036}
  ]
  addEdge(event){
    let point = {lat: event.latLng.lat(), lng: event.latLng.lng()};
    if (event.vertex !== undefined) {
      this.points[event.vertex] = point;
    } else if (event.edge !== undefined) {
      this.points.splice(event.edge + 1, 0, point);
    }
    console.log(this.points)
  }

взгляните на стек-блиц .

...