शुरू करें

इस पेज पर, एपीआई पासकोड पाने, ज़रूरी एपीआई चालू करने, और Places लाइब्रेरी को लोड करने का तरीका बताया गया है. ऐसा इसलिए किया गया है, ताकि आप जगह की जानकारी देने वाली क्लास का इस्तेमाल कर सकें.

एपीआई पासकोड पाना और ज़रूरी एपीआई चालू करना

जगह की जानकारी वाली क्लास का इस्तेमाल करने से पहले, आपको ये काम करने होंगे:

• बिलिंग खाते के साथ Cloud प्रोजेक्ट बनाएं.
• एपीआई पासकोड पाएं.
• इन एपीआई को चालू करें:
  
  • Maps JavaScript एपीआई
  • Places API
  • Places API (नया) (टेक्स्ट सर्च (नया) का इस्तेमाल करने के लिए ज़रूरी है)

ज़्यादा जानने के लिए, Google Cloud प्रोजेक्ट सेट अप करना लेख पढ़ें.

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

Places API (नया) चालू करना

जगहों की लाइब्रेरी लोड करना

Places Library को लोड करने के लिए, पहले Maps JavaScript API को लोड करें. इसके लिए, अपने ऐप्लिकेशन कोड में इनलाइन बूटस्ट्रैप लोडर जोड़ें, जैसा कि नीचे दिए गए स्निपेट में दिखाया गया है:

<script>
  (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
    key: "YOUR_API_KEY",
    v: "weekly",
    // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
    // Add other bootstrap parameters as needed, using camel case.
  });
</script>

जगह की जानकारी के लिए ऑटोकंप्लीट (झलक) की सुविधा का इस्तेमाल करने के लिए, बीटा चैनल की ज़रूरत होती है.

इसके बाद, async फ़ंक्शन में जाकर importLibrary() को कॉल करने के लिए, await ऑपरेटर का इस्तेमाल करें, जैसा कि यहां दिखाया गया है:

  const {Place} = await google.maps.importLibrary("places");
  

अगले चरण

• जगहें खोजना
• जगह की जानकारी पाना
• जगह के शुरुआती अक्षर लिखने पर पूरा नाम सुझाने की सुविधा का इस्तेमाल करना