ट्रैफ़िक, सार्वजनिक परिवहन, और साइकल चलाने से जुड़ी लेयर

ट्रैफ़िक, सार्वजनिक परिवहन, और साइकल चलाने के रास्तों की लेयर, बुनियादी मैप लेयर में बदलाव करती हैं. इससे आपको ट्रैफ़िक का हाल, स्थानीय सार्वजनिक परिवहन नेटवर्क या साइकल चलाने के रास्तों की जानकारी दिखती है. ये लेयर, चुनिंदा इलाकों में उपलब्ध हैं.

ट्रैफ़िक लेयर

Maps JavaScript API की मदद से, अपने मैप में रीयल-टाइम ट्रैफ़िक की जानकारी जोड़ी जा सकती है. हालांकि, यह सुविधा सिर्फ़ उन देशों/इलाकों में उपलब्ध है जहां इसे इस्तेमाल किया जा सकता है. इसके लिए, TrafficLayer ऑब्जेक्ट का इस्तेमाल करें. ट्रैफ़िक की जानकारी को समय-समय पर रीफ़्रेश किया जाता है, लेकिन तुरंत नहीं. एक ही इलाके के लिए लगातार कई अनुरोध करने पर, अलग-अलग नतीजे मिलने की संभावना कम होती है.

TypeScript

async function init(): Promise<void> {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TrafficLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const trafficLayer = new TrafficLayer();

    trafficLayer.setMap(innerMap);
}

void init();
उदाहरण देखें

बस, मेट्रो वगैरह की लेयर

Maps JavaScript API की मदद से, TransitLayer ऑब्जेक्ट का इस्तेमाल करके, किसी शहर के सार्वजनिक परिवहन नेटवर्क को अपने मैप पर दिखाया जा सकता है. सार्वजनिक परिवहन की लेयर चालू होने पर, अगर मैप को किसी ऐसे शहर के हिसाब से सेट किया गया है जहां सार्वजनिक परिवहन की जानकारी उपलब्ध है, तो मैप पर सार्वजनिक परिवहन की मुख्य लाइनें, रंगीन और मोटी लाइनों के तौर पर दिखेंगी. लाइन का रंग, ट्रांज़िट लाइन ऑपरेटर से मिली जानकारी के आधार पर सेट किया जाता है. ट्रांज़िट लेयर चालू करने पर, बुनियादी मैप की स्टाइल बदल जाएगी. इससे ट्रांज़िट के रास्तों को बेहतर तरीके से हाइलाइट किया जा सकेगा.

अगर आप कोई सार्वजनिक एजेंसी हैं और आपकी ज़िम्मेदारी अपने शहर में बस, मेट्रो वगैरह की व्यवस्था करना है, तो अपने डेटा को शामिल करने के लिए, कृपया Google Transit Partner Program की साइट पर जाएं और ज़्यादा जानें.

यहां दिए गए उदाहरण में, लंदन, यूके के मैप पर ट्रांज़िट लेयर चालू होने की जानकारी दिखाई गई है:

TypeScript

async function init(): Promise<void> {
    const { TransitLayer } = await google.maps.importLibrary('maps');

    const mapElement =
        document.querySelector<google.maps.MapElement>('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { TransitLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const transitLayer = new TransitLayer();

    transitLayer.setMap(innerMap);
}

void init();
उदाहरण देखें

साइकल चलाने की लेयर

Maps JavaScript API की मदद से, BicyclingLayer ऑब्जेक्ट का इस्तेमाल करके अपने मैप में साइकिल की जानकारी जोड़ी जा सकती है. BicyclingLayer, दिए गए मैप पर साइकल के रास्तों, साइकल के सुझाए गए रास्तों, और साइकल चलाने से जुड़े अन्य ओवरले की लेयर रेंडर करता है. इसके अलावा, यह लेयर बुनियादी मैप की स्टाइल में भी बदलाव करती है. इससे साइकल के रास्तों वाली सड़कों को हाइलाइट किया जाता है और साइकल के लिए सही नहीं मानी जाने वाली सड़कों को कम हाइलाइट किया जाता है.

यहां दिए गए उदाहरण में, मैसाचुसेट्स के कैंब्रिज शहर के मैप पर, साइकिल की लेयर चालू होने की जानकारी दिखाई गई है:

TypeScript

async function init(): Promise<void> {
    const { BicyclingLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map')!;
    const innerMap = mapElement.innerMap;

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();

JavaScript

async function init() {
    const { BicyclingLayer } = await google.maps.importLibrary('maps');

    const mapElement = document.querySelector('gmp-map');
    const innerMap = mapElement.innerMap;

    const bikeLayer = new BicyclingLayer();

    bikeLayer.setMap(innerMap);
}

void init();
उदाहरण देखें

गहरे हरे रंग के रास्तों से, साइकल के लिए बने रास्ते दिखते हैं. हल्के हरे रंग के रास्ते, “साइकल के लिए बनी लेन” वाली सड़कों को दिखाते हैं. डैश वाले रास्ते, उन सड़कों या रास्तों को दिखाते हैं जिन पर साइकल चलाने का सुझाव दिया जाता है.