У меня есть 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)
}
взгляните на стек-блиц .