এই মাইগ্রেশন গাইডটি সেইসব ডেভেলপারদের জন্য, যাদের প্লেস অটোকমপ্লিট উইজেট (প্রিভিউ)-এর ৩.৫৯.৮ সংস্করণের পূর্ববর্তী কোনো ইন্টিগ্রেশন রয়েছে। সর্বশেষ সংস্করণটি ব্যবহার করার জন্য আপনাকে কী কী পরিবর্তন করতে হবে, তা এই গাইডে দেখানো হয়েছে।
পরিবর্তন
-
gmp-placeselectইভেন্টটির নাম পরিবর্তন করেgmp-selectরাখা হয়েছে। -
gmp-selectইভেন্টটি এখনplaceইনস্ট্যান্সের পরিবর্তেplacePredictionইনস্ট্যান্স রিটার্ন করে।PlacePrediction.toPlace()সঠিকPlaceঅবজেক্টটি রিটার্ন করে। -
gmp-requesterrorইভেন্টটি এখনgmp-errorহয়েছে।
অভিবাসনের পদক্ষেপ
আপনার প্লেস অটোকমপ্লিট উইজেট ইন্টিগ্রেশনকে সর্বশেষ সংস্করণে স্থানান্তর করতে, নিম্নলিখিতগুলি করুন:
- ক্লাউড কনসোলে যাচাই করুন যে আপনার প্রোজেক্টের জন্য প্লেসেস এপিআই (নতুন) সক্রিয় করা আছে।
- আপনার ব্যবহৃত এপিআই কী-টির জন্য এপিআই বিধিনিষেধ তালিকায় প্লেসেস এপিআই (নতুন) যোগ করুন।
- আপনার ডেভেলপমেন্ট এনভায়রনমেন্টে নিম্নলিখিত পরিবর্তনগুলি সম্পাদন ও পরীক্ষা করুন:
ইভেন্ট লিসেনার আপডেট করুন
নিম্নলিখিত কোড স্নিপেটগুলিতে দেখানো অনুযায়ী 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 এ পরিবর্তন করুন
নিম্নলিখিত কোড স্নিপেটগুলিতে দেখানো অনুযায়ী, componentRestrictions এর প্রতিটি ইনস্ট্যান্সকে includedRegionCodes ফিল্ডটি ব্যবহার করার জন্য পরিবর্তন করুন।
আগে
const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
componentRestrictions: {country: ['US']},
...
});
পরে
const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
includedRegionCodes: ['US'],
...
types includedPrimaryTypes প্রকারে পরিবর্তন করুন
নিম্নলিখিত কোড স্নিপেটগুলিতে দেখানো অনুযায়ী, types ইনস্ট্যান্সগুলিকে includedPrimaryTypes ফিল্ড ব্যবহার করার জন্য পরিবর্তন করুন।
আগে
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');
});