Estoy tratando de crear una aplicación web con angular, para un servicio de entrega. Tengo entradas, sincronizadas con Google Places, que capturan las ubicaciones de salida y destino. La aplicación utiliza componentes de @angular/google-maps para dibujar la trayectoria seguida por el automóvil de un punto final al otro. La estructura de la plantilla de la aplicación es más o menos así
<div class="map-container"> <google-map *ngIf="loadedCenter" [height]="'100%'" [width]="'100%'" [center]="center" [options]="options"> <map-directions-renderer *ngIf="showDirectionsRoute" [directions]="directionsRoute" [options]="routeOptions" (directionsChanged)="setDirectionsOnDrag($event)"> </map-directions-renderer> </google-map>Ahora, entiendo que el renderizador de direcciones envuelve las clases de la API de Google Maps y, por lo tanto, el evento directionChanged devuelve undefined. Sin embargo, no sé cómo acceder a la nueva ruta desde el componente de mi aplicación después de que se produce un cambio de ruta, específicamente producido al arrastrar los marcadores. Ahora, revisé el código para la clase map-directions-renderer ( https://github.com/angular/components/blob/master/src/google-maps/map-directions-renderer/README.md ) y noté que las direcciones internas no son accesibles a través de la directiva @Output. Soy muy nuevo en Angular, por cierto. Gracias por adelantado.
Puede encontrar una demostración de la aplicación en este enlace. El resultado deseado sería poder actualizar los puntos de destino al arrastrar el marcador. La idea es usar componentes de @angular/google-maps.