Angular-google-maps: 트래픽 레이어 표시

기본 google.maps.map 객체를 통해 추가하면 됩니다. 실제 Google 지도 개체를 가져오려면 mapReady 이벤트를 사용해야 합니다. 그런 다음 이를 처리하는 코드에서 트래픽 계층을 추가할 수 있습니다. mapReady의 "이벤트"는 실제 Google 지도 인스턴스입니다.

HTML
<agm-map (mapReady)="onMapReady($event)" ... plus any other attributes ...> ... </agm-map>

타입스크립트

onMapReady(mapInstance) {
    let trafficLayer = new google.maps.TrafficLayer();
    trafficLayer.setMap(mapInstance);
}

Typescript 오류를 방지하려면 Google 지도 유형 정의를 가져와야 합니다.
import {} from '@types/googlemaps';
다음을 통해 설치할 수 있습니다.
npm install --save @types/googlemaps

감독자! ziftytodd님, 감사합니다.

나에게 google 객체는 angular-cli 기반 프로젝트에서 정의되지 않았으므로 window.google.maps.TrafficLayer() 를 명시적으로 참조해야 했습니다.

@ziftytodd 해결해 주셔서 감사합니다. 저에게 정말 도움이 되었습니다.

다른 사람들에게도 도움이 될 수 있는 몇 가지 조정을 해야 했지만.

1 - npm install --save @types/googlemaps
2 - 기본 경로에 index.d.ts 파일을 만들고 declare module 'googlemaps'; 를 작성합니다.
3 - 타이프스크립트에서 가져오기: import {} from 'googlemaps';
4 - HTML 파일: <agm-map (mapReady)="onMapReady($event)" ... plus any other attributes ...> ... </agm-map>
5 - 타이프스크립트에서:

onMapReady($event) {
let trafficLayer = new google.maps.TrafficLayer();
trafficLayer.setMap($event);
}

도움이 되기를 바랍니다!