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