Angular-google-maps: ट्रैफ़िक परत दिखाएं

इसे अंतर्निहित google.maps.map ऑब्जेक्ट के माध्यम से जोड़कर संभव है। वास्तविक Google मानचित्र ऑब्जेक्ट प्राप्त करने के लिए, आपको mapReady ईवेंट का उपयोग करने की आवश्यकता है। फिर उस कोड में जो इसे संभालता है, आप ट्रैफिक लेयर जोड़ सकते हैं। MapReady की "घटना" वास्तविक Google मानचित्र उदाहरण है।

एचटीएमएल
<agm-map (mapReady)="onMapReady($event)" ... plus any other attributes ...> ... </agm-map>

टाइपप्रति

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

टाइपप्रति त्रुटियों से बचने के लिए आपको Google मानचित्र प्रकार परिभाषा आयात करनी होगी:
import {} from '@types/googlemaps';
जिसके माध्यम से आप स्थापित कर सकते हैं:
npm install --save @types/googlemaps

बहुत अच्छा! धन्यवाद जिफ्टीटोड।

मेरे लिए google ऑब्जेक्ट मेरे कोणीय-क्ली आधारित प्रोजेक्ट में अपरिभाषित था, इसलिए मुझे स्पष्ट रूप से 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);
}

आशा है ये मदद करेगा!