agm折线获得新边的点

Question

我有一个带有2个agm-polyline点的agm-polyline。当移动线的边缘（中间点）时，我想用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;
  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()};
    console.log(point);
    this.points.splice(1, 0, point)
  }

看看stackblitz。

Answer 1

尝试使用lineDragEnd事件代替lineMouseUp这是stackblitz

上的示例