शुरू करना

ऐडवांस मार्कर सेट अप करने के लिए, यह तरीका अपनाएं.

एपीआई पासकोड पाना और Maps JavaScript API को चालू करना

ऐडवांस मार्कर इस्तेमाल करने से पहले, आपके पास बिलिंग खाते वाला क्लाउड प्रोजेक्ट होना चाहिए. साथ ही, Maps JavaScript API चालू होना चाहिए. ज़्यादा जानने के लिए, अपना Google Cloud प्रोजेक्ट सेट अप करना लेख पढ़ें.

एपीआई पासकोड पाना

मैप आईडी बनाना

नया मैप आईडी बनाने के लिए, क्लाउड कस्टमाइज़ेशन में दिया गया तरीका अपनाएं. मैप टाइप को JavaScript पर सेट करें. इसके बाद, वेक्टर या रास्टर विकल्प चुनें.

मैप को शुरू करने के लिए इस्तेमाल होने वाले कोड को अपडेट करना

इसके लिए, आपको उस मैप आईडी की ज़रूरत होगी जिसे आपने अभी-अभी बनाया है. इसे Maps मैनेजमेंट पेज पर देखा जा सकता है.

1. Maps JavaScript API लोड करें.

2. ज़रूरत पड़ने पर, async फ़ंक्शन से ऐडवांस मार्कर लाइब्रेरी लोड करें:

   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;

3. 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.
  }
});

अगले चरण

मैप में मार्कर जोड़ना