इस पेज पर बताया गया है कि एपीआई पासकोड कैसे पाएं, ज़रूरी एपीआई चालू कैसे करें, और 'जगहें' लाइब्रेरी को कैसे लोड करें, ताकि आप 'जगह की जानकारी' क्लास के साथ काम कर सकें.
एपीआई पासकोड पाएं और ज़रूरी एपीआई चालू करें
स्थान श्रेणी का उपयोग करने से पहले, आपको यह करना होगा:
- बिलिंग खाते की मदद से क्लाउड प्रोजेक्ट बनाएं.
- एपीआई पासकोड पाएं.
- इन एपीआई को चालू करें:
- Maps JavaScript एपीआई
- Places API
- Places API (नया) (Text Search का इस्तेमाल करना ज़रूरी है) (नया)
ज़्यादा जानने के लिए, Google Cloud प्रोजेक्ट सेट अप करना लेख पढ़ें.
एपीआई पासकोड पाएंजगहें लाइब्रेरी लोड करें
जगहों की लाइब्रेरी को लोड करने के लिए, सबसे पहले 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");