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' });
उदाहरण
इन सुविधाओं को दिखाने के लिए उदाहरण दिए गए हैं: