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