ट्रैफ़िक, ट्रांज़िट, और साइकिल परतें

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

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

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

TypeScript

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

JavaScript

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 Partner Program की साइट पर जाएं.

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

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;
index.ts

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

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

साइकलिंग लेयर

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

नीचे दिया गया उदाहरण कैम्ब्रिज, MA के मैप पर चालू साइकल की लेयर दिखाता है:

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;
index.ts

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

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

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