यह माइग्रेशन गाइड उन डेवलपर के लिए है जिन्होंने वर्शन 3.59.8 से पहले, Place Autocomplete Widget (Preview) के साथ इंटिग्रेशन किया है. इस गाइड में, सबसे नए वर्शन का इस्तेमाल करने के लिए किए जाने वाले बदलावों के बारे में बताया गया है.
बदलाव
gmp-placeselectइवेंट का नाम बदलकरgmp-selectकर दिया गया है.gmp-selectइवेंट अबplaceइंस्टेंस के बजायplacePredictionइंस्टेंस दिखाता है.PlacePrediction.toPlace(), सहीPlaceऑब्जेक्ट दिखाता है.gmp-requesterrorइवेंट का नाम बदलकर अबgmp-errorकर दिया गया है.
माइग्रेशन के चरण
Place Autocomplete Widget इंटिग्रेशन को नए वर्शन पर माइग्रेट करने के लिए, यह तरीका अपनाएं:
- पुष्टि करें कि Cloud Console में, आपके प्रोजेक्ट के लिए Places API (New) चालू हो.
- एपीआई कुंजी के लिए, एपीआई से जुड़ी पाबंदियों की सूची में Places API (नया वर्शन) जोड़ें.
- अपने डेवलपमेंट एनवायरमेंट में, ये बदलाव करें और उनकी जांच करें:
इवेंट लिसनर अपडेट करना
नीचे दिए गए स्निपेट में दिखाए गए तरीके से, 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');
});