शुरू करना

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

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

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

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

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

नया मैप आईडी बनाने के लिए, Cloud customization में दिया गया तरीका अपनाएं. मैप का टाइप 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.
  }
});

अगले चरण

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