Angular-google-maps: Tampilkan lapisan lalu lintas

Itu mungkin dengan menambahkannya melalui objek google.maps.map yang mendasarinya. Untuk mendapatkan objek Google Maps yang sebenarnya, Anda perlu menggunakan acara mapReady . Kemudian dalam kode yang menangani itu, Anda dapat menambahkan lapisan lalu lintas. "Acara" dari mapReady adalah contoh peta google yang sebenarnya.

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

TypeScript

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

Anda harus mengimpor definisi jenis Google Maps untuk menghindari kesalahan TypeScript:
import {} from '@types/googlemaps';
Yang dapat Anda instal melalui:
npm install --save @types/googlemaps

Super! Terima kasih ziftytodd.

Bagi saya objek google tidak terdefinisi dalam proyek berbasis angular-cli saya, jadi saya harus secara eksplisit merujuk ke window.google.maps.TrafficLayer()

@ziftytodd Terima kasih atas solusi Anda. Itu sangat membantu saya.

Meskipun saya harus membuat beberapa penyesuaian yang mungkin juga bermanfaat bagi orang lain.

1 - npm install --save @types/googlemaps
2 - buat file index.d.ts di jalur utama dan tulis: declare module 'googlemaps';
3 - impor dalam naskah Anda: import {} from 'googlemaps';
4 - dalam file HTML Anda: <agm-map (mapReady)="onMapReady($event)" ... plus any other attributes ...> ... </agm-map>
5 - dalam naskah Anda:

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

Semoga membantu!