নতুন 'অটোমেটিক সম্পূর্ণ করা' উইজেটে মাইগ্রেট করা

এই মাইগ্রেশন গাইড সেইসব ডেভেলপারদের জন্য যাদের ভার্সন 3.59.8-এর আগে Place Autocomplete উইজেটের (প্রিভিউ) সাথে ইন্টিগ্রেশন আছে। লেটেস্ট ভার্সন ব্যবহার করার জন্য আপনাকে কী কী পরিবর্তন করতে হবে তা এই নির্দেশিকা থেকে জানতে পারবেন।

পরিবর্তনগুলি

• gmp-placeselect ইভেন্টের নাম পরিবর্তন করে gmp-select করা হয়েছে।
• gmp-select ইভেন্ট এখন place ইনস্ট্যান্সের পরিবর্তে placePrediction ইনস্ট্যান্স রিটার্ন করে। PlacePrediction.toPlace() সঠিক Place অবজেক্ট রিটার্ন করে।
• gmp-requesterror ইভেন্টটি এখন gmp-error।

মাইগ্রেশনের ধাপ

আপনার জায়গা অটোমেটিক সম্পূর্ণ করা উইজেট ইন্টিগ্রেশন লেটেস্ট ভার্সনে মাইগ্রেট করতে, নিম্নলিখিত ধাপগুলি অনুসরণ করুন:

1. Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places API (নতুন) চালু করা আছে কিনা তা যাচাই করুন।
2. আপনি যে API key ব্যবহার করছেন সেটির জন্য API বিধিনিষেধের তালিকায় Places API (নতুন) যোগ করুন।
3. আপনার ডেভেলপমেন্ট এনভায়রনমেন্টে, নিম্নলিখিত পরিবর্তনগুলি করুন ও পরীক্ষা করুন:

ইভেন্ট লিসনার আপডেট করা

নিচের স্নিপেটে যেভাবে দেখানো হয়েছে সেইভাবে gmp-placeselect-এর পরিবর্তে gmp-select ব্যবহার করুন:

আগে

autocompleteElement.addEventListener('gmp-placeselect', (event) => {
  console.log(event.place);
});

পরে

autocompleteElement.addEventListener('gmp-select', (event) => {
  console.log(event.placePrediction.toPlace());
});

componentRestrictions থেকে includedRegionCodes-এ পরিবর্তন করুন

নিচের স্নিপেটে দেখানো includedRegionCodes ফিল্ড ব্যবহার করতে, componentRestrictions-এর ইনস্ট্যান্স পরিবর্তন করুন।

আগে

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  componentRestrictions: {country: ['US']},
  ...
});

পরে

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  includedRegionCodes: ['US'],
  ...

types থেকে includedPrimaryTypes-এ পরিবর্তন করুন

includedPrimaryTypes ফিল্ড ব্যবহার করতে, types-এর ইনস্ট্যান্স পরিবর্তন করুন, যেমনটি নিম্নলিখিত স্নিপেটে দেখানো হয়েছে।

আগে

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  types: ['restaurant'],
});

পরে

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  includedPrimaryTypes: ['restaurant'],
});

gmp-requesterror থেকে gmp-error-এ পরিবর্তন করুন

নিচে দেখানো স্নিপেট অনুযায়ী, gmp-requesterror-এর ইনস্ট্যান্স পরিবর্তন করে gmp-error করুন:

আগে

autocompleteElement.addEventListener('gmp-requesterror', (event) => {
  console.log('an error occurred');
});

পরে

autocompleteElement.addEventListener('gmp-error', (event) => {
  console.log('an error occurred');
});