परतें

लेयर, मैप पर मौजूद ऑब्जेक्ट होती हैं. इनमें एक या एक से ज़्यादा अलग-अलग आइटम शामिल होते हैं. हालांकि, इन्हें एक यूनिट के तौर पर इस्तेमाल किया जाता है. लेयर आम तौर पर ऑब्जेक्ट के ऐसे कलेक्शन को दिखाती हैं जिन्हें मैप के ऊपर जोड़ा जाता है, ताकि किसी सामान्य एसोसिएशन को दिखाया जा सके. Maps JavaScript API, लेयर में मौजूद ऑब्जेक्ट के प्रज़ेंटेशन को मैनेज करता है. इसके लिए, वह ऑब्जेक्ट के कॉम्पोनेंट आइटम को एक ऑब्जेक्ट (आम तौर पर, टाइल ओवरले) में रेंडर करता है. साथ ही, मैप के व्यूपोर्ट में बदलाव होने पर उन्हें दिखाता है. लेयर, मैप की प्रज़ेंटेशन लेयर में भी बदलाव कर सकती हैं. इससे, लेयर के हिसाब से बुनियादी टाइल में थोड़ा बदलाव होता है. ध्यान दें कि डिज़ाइन के हिसाब से, ज़्यादातर लेयर को उनके अलग-अलग ऑब्जेक्ट का इस्तेमाल करके ऐक्सेस नहीं किया जा सकता. हालांकि, उन्हें सिर्फ़ एक यूनिट के तौर पर बदला जा सकता है.

लेयर के बारे में खास जानकारी

Maps JavaScript API में कई तरह की लेयर होती हैं:

• Google Maps डेटा लेयर, किसी भी तरह के भौगोलिक डेटा के लिए कंटेनर उपलब्ध कराती है. डेटा लेयर का इस्तेमाल, अपने कस्टम डेटा को सेव करने या Google मैप पर GeoJSON डेटा दिखाने के लिए किया जा सकता है.
• KML लेयर, KML और GeoRSS एलिमेंट को Maps JavaScript API के टाइल ओवरले में रेंडर करती है.
• ट्रैफ़िक लेयर की मदद से, मैप पर ट्रैफ़िक की स्थिति देखी जा सकती है.
• बस, मेट्रो वगैरह की लेयर से, मैप पर आपके शहर का सार्वजनिक परिवहन नेटवर्क दिखता है.
• Bicycling layer ऑब्जेक्ट, साइकल के रास्तों की लेयर और/या साइकल के लिए खास ओवरले को एक सामान्य लेयर में रेंडर करता है. यात्रा के मोड BICYCLING के लिए दिशा-निर्देशों का अनुरोध करने पर, यह लेयर डिफ़ॉल्ट रूप से 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);