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