এই মাইগ্রেশন গাইডটি সেই ডেভেলপারদের জন্য যাদের 3.59.8 সংস্করণের আগে প্লেস স্বয়ংসম্পূর্ণ উইজেট (প্রিভিউ) এর সাথে একীকরণ রয়েছে। এই নির্দেশিকা আপনাকে সর্বশেষ সংস্করণ ব্যবহার করার জন্য যে পরিবর্তনগুলি করতে হবে তা দেখায়৷
পরিবর্তন
-
gmp-placeselectইভেন্টের নাম পরিবর্তন করেgmp-selectকরা হয়েছে। -
gmp-selectইভেন্ট এখনplaceউদাহরণের পরিবর্তে একটিplacePredictionউদাহরণ প্রদান করে।PlacePrediction.toPlace()সঠিকPlaceবস্তু প্রদান করে। -
gmp-requesterrorইভেন্টটি এখনgmp-error।
মাইগ্রেশন পদক্ষেপ
আপনার স্থান স্বয়ংসম্পূর্ণ উইজেট ইন্টিগ্রেশনকে সর্বশেষ সংস্করণে স্থানান্তর করতে, নিম্নলিখিতগুলি করুন:
- ক্লাউড কনসোলে আপনার প্রজেক্টের জন্য Places API (নতুন) সক্ষম করা আছে কিনা তা যাচাই করুন।
- আপনি যে API কী ব্যবহার করছেন তার জন্য API সীমাবদ্ধতা তালিকায় স্থান API (নতুন) যোগ করুন।
- আপনার উন্নয়ন পরিবেশে, নিম্নলিখিত পরিবর্তনগুলি সম্পাদন করুন এবং পরীক্ষা করুন:
ইভেন্ট শ্রোতা আপডেট করুন
নিম্নলিখিত স্নিপেটে দেখানো হিসাবে gmp-placeselect কে gmp-select এ পরিবর্তন করুন:
আগে
autocompleteElement.addEventListener('gmp-placeselect', (event) => {
console.log(event.place);
});
পরে
autocompleteElement.addEventListener('gmp-select', (event) => {
console.log(event.placePrediction.toPlace());
});
includedRegionCodes কোডে componentRestrictions পরিবর্তন করুন
নিম্নলিখিত স্নিপেটে দেখানো হয়েছে, 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');
});