शुरू करने का तरीका

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

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

बेहतर मार्कर का इस्तेमाल करने से पहले, आपके पास बिलिंग खाते वाला Cloud प्रोजेक्ट होना चाहिए. साथ ही, 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.
  }
});

अगले चरण

डिफ़ॉल्ट ऐडवांस मार्कर बनाना