ट्रैफ़िक, ट्रांज़िट और साइकिल चलाने की परतें बुनियादी मैप परत में बदलाव करती हैं, ताकि मौजूदा ट्रैफ़िक स्थितियों, स्थानीय ट्रांज़िट नेटवर्क या साइकिल रास्ता की जानकारी दिखाई जा सके. ये लेयर, चुनिंदा इलाकों में उपलब्ध हैं.
ट्रैफ़िक लेयर
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;
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;
सैंपल आज़माएं
ट्रांज़िट लेयर
Maps JavaScript एपीआई की मदद से, 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 एपीआई की मदद से, अपने 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;
सैंपल आज़माएं
हरे रंग के गहरे रास्तों पर, साइकल चलाने के लिए बने रास्ते दिखाए गए हैं. हल्के हरे रंग के रास्ते, सड़कों को "बाइक लेन" से दिखाते हैं. डैश वाले रास्ते, सड़कों या साइकल चलाने के लिए सुझाए गए रास्तों की जानकारी देते हैं.