लेयर, मैप पर मौजूद ऐसे ऑब्जेक्ट होते हैं जिनमें एक या उससे ज़्यादा अलग-अलग आइटम होते हैं. हालांकि, उनमें एक ही यूनिट के तौर पर बदलाव किया जाता है. लेयर आम तौर पर, उन ऑब्जेक्ट का कलेक्शन दिखाती हैं जिन्हें मैप पर सबसे ऊपर जोड़कर, कोई सामान्य असोसिएशन तय किया जाता है. Maps JavaScript API, लेयर के अंदर ऑब्जेक्ट के प्रज़ेंटेशन को मैनेज करता है. ऐसा करने के लिए, वह अपने मूल आइटम को एक ऑब्जेक्ट (आम तौर पर, टाइल ओवरले) में रेंडर करता है और उन्हें मैप के व्यूपोर्ट में बदलाव होने पर दिखाता है. लेयर, मैप के प्रज़ेंटेशन की लेयर को भी बदल सकती हैं. लेयर के हिसाब से, बेस टाइल में थोड़ा बदलाव भी किया जा सकता है. ध्यान दें कि डिज़ाइन के हिसाब से, हो सकता है कि ज़्यादातर लेयर को उनके अलग-अलग ऑब्जेक्ट से ऐक्सेस न किया जा सके. हालांकि, उनमें सिर्फ़ एक इकाई के तौर पर बदलाव किया जा सकता है.
लेयर की खास जानकारी
Maps JavaScript API में कई तरह की लेयर होती हैं:
- Google Maps की डेटा लेयर, आर्बिट्रेरी जियोस्पेशियल डेटा के लिए एक कंटेनर उपलब्ध कराती है. डेटा लेयर का इस्तेमाल, अपनी पसंद के मुताबिक बनाए गए डेटा को सेव करने या Google मैप पर GeoJSON डेटा दिखाने के लिए किया जा सकता है.
- हीटमैप लेयर, हीटमैप विज़ुअलाइज़ेशन का इस्तेमाल करके, भौगोलिक डेटा रेंडर करती है.
- KML लेयर, KML और GeoRSS एलिमेंट को Maps JavaScript API टाइल ओवरले में रेंडर करती है.
- ट्रैफ़िक लेयर, मैप पर ट्रैफ़िक का हाल दिखाता है.
- बस, मेट्रो वगैरह की लेयर, मैप पर आपके शहर के सार्वजनिक परिवहन नेटवर्क को दिखाती है.
- साइकिल लेयर ऑब्जेक्ट, साइकल के रास्ते की एक लेयर और/या साइकल के ओवरले को एक कॉमन लेयर में रेंडर करता है. यात्रा मोड DirectionsRenderer के लिए निर्देशों का अनुरोध करने पर, यह लेयर डिफ़ॉल्ट रूप से DirectionsRenderer में डिफ़ॉल्ट रूप से वापस आ जाती है.
परत जोड़ें
किसी मैप में कोई लेयर जोड़ने के लिए, आपको सिर्फ़ setMap() को कॉल करना होगा.
इससे मैप ऑब्जेक्ट को पास करना होगा, जिस पर लेयर दिखाना है. इसी तरह, किसी लेयर को छिपाने के लिए, setMap() को कॉल करें, जो null को पास करता है.
नीचे दिया गया स्निपेट, मैप को लंदन, यूके में दिखाता है और ट्रांज़िट लेयर जोड़ता है.
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(51.5,-0.11)
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);