शुरू करें

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

बेहतर मार्कर के साथ सेट अप करने के लिए इन चरणों का पालन करें.

API कुंजी पाएं और Maps JavaScript API चालू करें

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

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

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

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

अहम जानकारी: टेस्ट करने के लिए, मैप आईडी बनाने और उसे कॉन्फ़िगर करने की प्रोसेस को छोड़ा जा सकता है. इसके लिए, अपने ऐप्लिकेशन कोड में mapId: 'DEMO_MAP_ID' का इस्तेमाल करें. DEMO_MAP_ID को सिर्फ़ जांच के लिए बनाया गया है. प्रोडक्शन में DEMO_MAP_ID का इस्तेमाल न करें.

अपना मैप इनिशलाइज़ेशन कोड अपडेट करना

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

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'
   });

चेतावनी: बेहतर मार्कर के लिए उदाहरण में दिए गए मैप, उन मैप आईडी का इस्तेमाल करते हैं जो कम लोकप्रिय जगह वाले मैप स्टाइल से जुड़े होते हैं. अगर उदाहरण वाले कोड का फिर से इस्तेमाल किया जाता है, तो हमारा सुझाव है कि आप इन मैप आईडी की जगह DEMO_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.
  }
});

अगले चरण

डिफ़ॉल्ट बेहतर मार्कर बनाना