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

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

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

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

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

  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts
 
function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 34.04924594193164, lng: -118.24104309082031 },
  });
  const trafficLayer = new google.maps.TrafficLayer();

  trafficLayer.setMap(map);
}

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

सैंपल आज़माएं

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

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

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

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

TypeScriptJavaScript
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;
index.ts
 
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;
index.js
उदाहरण देखें

सैंपल आज़माएं

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

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

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

TypeScriptJavaScript
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;
index.ts
 
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;
index.js
उदाहरण देखें

सैंपल आज़माएं

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