নতুন স্বয়ংসম্পূর্ণ উইজেটে স্থানান্তর করুন, নতুন স্বয়ংসম্পূর্ণ উইজেটে স্থানান্তর করুন

এই মাইগ্রেশন নির্দেশিকাটি সেইসব ডেভেলপারদের জন্য যাদের প্লেস অটোকম্পলিট উইজেট (প্রিভিউ) এর সাথে ৩.৫৯.৮ সংস্করণের আগে ইন্টিগ্রেশন আছে। এই নির্দেশিকাটি আপনাকে সর্বশেষ সংস্করণটি ব্যবহার করার জন্য কী কী পরিবর্তন করতে হবে তা দেখায়।

পরিবর্তন

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

মাইগ্রেশনের ধাপগুলি

আপনার প্লেস অটোকম্পলিট উইজেট ইন্টিগ্রেশনকে সর্বশেষ সংস্করণে স্থানান্তর করতে, নিম্নলিখিতগুলি করুন:

  1. ক্লাউড কনসোলে আপনার প্রকল্পের জন্য Places API (নতুন) সক্রিয় আছে কিনা তা যাচাই করুন।
  2. আপনার ব্যবহৃত API কী-এর 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');
});