শুরু করুন

ইউরোপীয় অর্থনৈতিক অঞ্চল (EEA)-এর ডেভেলপার

এই পৃষ্ঠায় দেখানো হয়েছে যে কীভাবে API কী পাবেন, প্রয়োজনীয় API চালু করবেন এবং Places Library লোড করবেন, যাতে আপনি Place ক্লাস নিয়ে কাজ করতে পারেন।

API key পান এবং প্রয়োজনীয় API চালু করুন

Place ক্লাস ব্যবহার করার আগে, আপনাকে এগুলি করতে হবে:

  • বিলিং অ্যাকাউন্টের মাধ্যমে ক্লাউড প্রোজেক্ট তৈরি করুন।
  • API key পান।
  • নিম্নলিখিত API চালু করুন:
    • Maps JavaScript API
    • Places API
    • Places API (নতুন) (টেক্সট সার্চ (নতুন) এবং জায়গা অটোমেটিক সম্পূর্ণ করার জন্য প্রয়োজন)

আরও জানতে, আপনার Google Cloud প্রোজেক্ট সেট-আপ করুন দেখুন।

API key পান

Places API (নতুন) চালু করুন

Places Library লোড করা

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>

এরপর, await অপারেটর ব্যবহার করে importLibrary() কল করুন async ফাংশনের মধ্যে থেকে, যেমন এখানে দেখানো হয়েছে:

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

এছাড়াও, আপনার ফাংশন প্রয়োজনীয় ক্লাসের জন্য ভেরিয়েবল ঘোষণা না করেই লাইব্রেরি লোড করতে পারে:

  async function initMap() {
    google.maps.importLibrary("places");
    ...
  }

  initMap();

বিকল্প হিসেবে, এখানে দেখানো পদ্ধতি অনুযায়ী আপনি সরাসরি HTML-এ লাইব্রেরি লোড করতে পারেন:

  <script>
  google.maps.importLibrary("places");
  </script>

লাইব্রেরি লোড করার ব্যাপারে আরও তথ্যের জন্য, Maps JavaScript API লোড করুন দেখুন।

পরবর্তী ধাপ