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