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

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

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

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 पार्टनर प्रोग्राम की साइट पर जाएं.

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

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 51.501904, lng: -0.115871 },
    }
  );

  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 51.501904, lng: -0.115871 },
  });
  const transitLayer = new google.maps.TransitLayer();

  transitLayer.setMap(map);
}

window.initMap = initMap;
उदाहरण देखें

साइकल से यात्रा की लेयर

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

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

TypeScript

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 14,
      center: { lat: 42.3726399, lng: -71.1096528 },
    }
  );

  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 14,
    center: { lat: 42.3726399, lng: -71.1096528 },
  });
  const bikeLayer = new google.maps.BicyclingLayer();

  bikeLayer.setMap(map);
}

window.initMap = initMap;
उदाहरण देखें

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