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

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

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

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

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

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