Maps JavaScript API के लिए WebGL की मदद से काम करने वाली सुविधाओं से, आपको झुकाने और घुमाने को कंट्रोल करने, सीधे मैप में 3D ऑब्जेक्ट जोड़ने वगैरह की सुविधा मिलती है. इसमें ये सुविधाएं शामिल हैं:
- WebGL ओवरले व्यू आपको अपने मैप में पसंद के मुताबिक 2D और 3D ग्राफ़िक और ऐनिमेशन वाला कॉन्टेंट जोड़ने की सुविधा देता है.
- झुकाएं और हेडिंग अब प्रोग्राम के हिसाब से अडजस्ट किए जा सकते हैं. साथ ही, माउस और कीबोर्ड के जेस्चर का इस्तेमाल करके भी बदलाव किए जा सकते हैं.
- map.moveCamera() की मदद से, कैमरे की कई प्रॉपर्टी को एक साथ बदला जा सकता है.
- Zoom पर अब फ़्रैक्शनल वैल्यू का इस्तेमाल किया जा सकता है.
शुरू करें
WebGL की नई सुविधाओं का इस्तेमाल करने के लिए, आपको ऐसे मैप आईडी की ज़रूरत होगी जो वेक्टर मैप का इस्तेमाल करता हो. आपको एपीआई बूटस्ट्रैप अनुरोध भी अपडेट करना होगा. इस सेक्शन में इसका तरीका बताया गया है.
नया मैप आईडी बनाएं
नया मैप आईडी बनाने के लिए, क्लाउड-आधारित मैप स्टाइलिंग का इस्तेमाल करना - मैप आईडी पाना में दिया गया तरीका अपनाएं. मैप के टाइप को JavaScript पर सेट करें और वेक्टर विकल्प चुनें. मैप पर झुकाने और घुमाने की सुविधा चालू करने के लिए, झुकाएं और/या रोटेट करें. ऐसा करने से आप प्रोग्राम के हिसाब से इन वैल्यू में बदलाव कर पाएंगे. साथ ही, उपयोगकर्ताओं को सीधे मैप पर झुकाने और हेडिंग में बदलाव करने की सुविधा भी मिलेगी. अगर झुकाने या हेडिंग का इस्तेमाल करने से आपके ऐप्लिकेशन पर बुरा असर पड़ता है, तो झुकाएं और घुमाव पर सही का निशान न लगाएं. इससे उपयोगकर्ता, झुकाने और घुमाने के तरीके में बदलाव नहीं कर पाएंगे.
मैप शुरू करने के कोड को अपडेट करना
इसके लिए वह मैप आईडी ज़रूरी है जो आपने अभी-अभी बनाया है. इसे आपके
Maps
मैनेजमेंट पेज पर देखा जा सकता है. यहां बताए गए तरीके से, mapId प्रॉपर्टी का इस्तेमाल करके मैप को इंस्टैंशिएट करते समय मैप का आईडी दें:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
उदाहरण
इन सुविधाओं के बारे में बताने के लिए उदाहरण दिए गए हैं: