Angular Google Maps-如何为地图添加方向

import { AgmCoreModule } from '@agm/core';
import { AgmDirectionModule } from 'agm-direction';

@NgModule({
  imports: [
    AgmCoreModule.forRoot({
      apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
    }),
    AgmDirectionModule
  ],
  ...
})
export class YourModule { }

<agm-map [latitude]="lat" [longitude]="lng">
  <agm-direction [origin]="origin" [destination]="destination"></agm-direction>
</agm-map>

import { Component, ViewChild } from '@angular/core';
import { AgmDirection } from 'agm-direction';

@Component({
  ...
})
export class YourComponent {
  @ViewChild(AgmDirection) agmDirection: AgmDirection;

  origin = { lat: 40.712776, lng: -74.005974 }; // 设置起点坐标
  destination = { lat: 34.052235, lng: -118.243683 }; // 设置终点坐标

  setDirections() {
    this.agmDirection.setDirections({
      origin: this.origin,
      destination: this.destination
    });
  }
}

ngOnInit() {
  this.setDirections();
}