बेहतर मार्कर के साथ सेट अप करने के लिए यह तरीका अपनाएं.
एपीआई पासकोड पाएं और Maps JavaScript API को चालू करें
बेहतर मार्कर का इस्तेमाल करने से पहले, आपको बिलिंग खाते वाले क्लाउड प्रोजेक्ट और Maps JavaScript API को चालू करने की ज़रूरत होगी. ज़्यादा जानने के लिए, अपना Google Cloud प्रोजेक्ट सेट अप करना लेख पढ़ें.
मैप आईडी बनाएं
नया मैप आईडी बनाने के लिए, Cloud कस्टमाइज़ेशन में दिया गया तरीका अपनाएं. मैप टाइप को JavaScript पर सेट करें और वेक्टर या रास्टर विकल्प चुनें.
मैप शुरू करने के कोड को अपडेट करना
इसके लिए वह मैप आईडी ज़रूरी है जो आपने अभी-अभी बनाया है. इसे आपके Maps मैनेजमेंट पेज पर देखा जा सकता है.
ज़रूरत पड़ने पर, किसी
async
फ़ंक्शन में जाकर, ऐडवांस मार्कर लाइब्रेरी को लोड करें:const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
mapId
प्रॉपर्टी का इस्तेमाल करके मैप इंस्टैंशिएट करते समय, मैप आईडी दें. यह आपकी ओर से दिया गया मैप आईडी याDEMO_MAP_ID
हो सकता है.const map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, mapId: 'YOUR_MAP_ID' });
मैप क्षमताओं की जाँच करें (वैकल्पिक)
बेहतर मार्कर के लिए मैप आईडी ज़रूरी है. अगर मैप आईडी मौजूद नहीं है, तो
बेहतर मार्कर लोड नहीं किए जा सकते. समस्या हल करने के लिए,
मैप की क्षमता में होने वाले बदलावों की सदस्यता लेने के लिए,
mapcapabilities_changed
लिसनर जोड़ा
जा सकता है. 'मैप की क्षमताओं' का इस्तेमाल करना ज़रूरी नहीं है. इसका सुझाव सिर्फ़ जांच
और समस्या हल करने के मकसद से दिया जाता है. इसके अलावा, रनटाइम फ़ॉलबैक के मकसद से भी इसका इस्तेमाल करने का सुझाव दिया जाता है.
// Optional: subscribe to map capability changes. map.addListener('mapcapabilities_changed', () => { const mapCapabilities = map.getMapCapabilities(); if (!mapCapabilities.isAdvancedMarkersAvailable) { // Advanced markers are *not* available, add a fallback. } });