ঘোষণা: নতুন বেসম্যাপ স্টাইলিং শীঘ্রই গুগল ম্যাপ প্ল্যাটফর্মে আসছে। মানচিত্র স্টাইলিংয়ের এই আপডেটে একটি নতুন ডিফল্ট রঙ প্যালেট, আধুনিক পিন এবং মানচিত্রের অভিজ্ঞতা এবং ব্যবহারযোগ্যতার উন্নতি অন্তর্ভুক্ত রয়েছে। সমস্ত মানচিত্রের শৈলী মার্চ 2025-এ স্বয়ংক্রিয়ভাবে আপডেট হবে। প্রাপ্যতা এবং আগে কীভাবে নির্বাচন করবেন সে সম্পর্কে আরও তথ্যের জন্য, Google Maps প্ল্যাটফর্মের জন্য নতুন মানচিত্রের শৈলী দেখুন।

এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

শুরু করুন

এই পৃষ্ঠাটি আপনাকে দেখায় কিভাবে একটি API কী পেতে হয়, প্রয়োজনীয় API গুলি সক্ষম করতে হয় এবং প্লেস লাইব্রেরি লোড করতে হয়, যাতে আপনি প্লেস ক্লাসের সাথে কাজ করতে পারেন।

একটি API কী পান এবং প্রয়োজনীয় API সক্ষম করুন৷

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

একটি বিলিং অ্যাকাউন্ট দিয়ে একটি ক্লাউড প্রকল্প তৈরি করুন।
একটি API কী পান।
নিম্নলিখিত API সক্রিয় করুন:
- মানচিত্র জাভাস্ক্রিপ্ট API
- স্থান API
- স্থান API (নতুন) (পাঠ্য অনুসন্ধান ব্যবহার করার জন্য প্রয়োজন (নতুন))

আরও জানতে, আপনার Google ক্লাউড প্রকল্প সেট আপ দেখুন।

একটি API কী পান

স্থান API সক্ষম করুন (নতুন)

স্থান লাইব্রেরি লোড করুন

প্লেস লাইব্রেরি লোড করতে, প্রথমে আপনার অ্যাপ্লিকেশন কোডে ইনলাইন বুটস্ট্র্যাপ লোডার যোগ করে মানচিত্র জাভাস্ক্রিপ্ট 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");

শুরু করুন

একটি API কী পান এবং প্রয়োজনীয় API সক্ষম করুন৷

স্থান লাইব্রেরি লোড করুন

পরবর্তী পদক্ষেপ