Yeni Otomatik Tamamlama widget'ına geçiş

Bu taşıma kılavuzu, 3.59.8 sürümünden önce Place Autocomplete Widget (önizleme) ile entegrasyonu olan geliştiriciler içindir. Bu kılavuzda, en son sürümü kullanmak için yapmanız gereken değişiklikler gösterilmektedir.

Değişiklikler

  • gmp-placeselect etkinliği, gmp-select olarak yeniden adlandırıldı.
  • gmp-select etkinliği artık place örneği yerine placePrediction örneği döndürüyor. PlacePrediction.toPlace() uygun Place nesnesini döndürür.
  • gmp-requesterror etkinliği artık gmp-error.

Taşıma adımları

Yer Otomatik Tamamlama Widget'ı entegrasyonunuzu en son sürüme taşımak için aşağıdakileri yapın:

  1. Cloud Console'da projeniz için Places API (New)'nin etkinleştirildiğini doğrulayın.
  2. Kullandığınız API anahtarının API kısıtlamaları listesine Places API (Yeni)'yi ekleyin.
  3. Geliştirme ortamınızda aşağıdaki değişiklikleri yapın ve test edin:

Etkinlik işleyiciyi güncelleme

Aşağıdaki snippet'lerde gösterildiği gibi gmp-placeselect öğesini gmp-select olarak değiştirin:

Önce

autocompleteElement.addEventListener('gmp-placeselect', (event) => {
  console.log(event.place);
});

Sonra

autocompleteElement.addEventListener('gmp-select', (event) => {
  console.log(event.placePrediction.toPlace());
});

componentRestrictions değerini includedRegionCodes olarak değiştirme

Aşağıdaki snippet'lerde gösterildiği gibi, componentRestrictions örneklerini includedRegionCodes alanını kullanacak şekilde değiştirin.

Önce

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  componentRestrictions: {country: ['US']},
  ...
});

Sonra

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  includedRegionCodes: ['US'],
  ...

types değerini includedPrimaryTypes olarak değiştirme

Aşağıdaki snippet'lerde gösterildiği gibi, types örneklerini includedPrimaryTypes alanını kullanacak şekilde değiştirin.

Önce

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  types: ['restaurant'],
});

Sonra

const autocompleteElement = new google.maps.places.PlaceAutocompleteElement({
  includedPrimaryTypes: ['restaurant'],
});

gmp-requesterror değerini gmp-error olarak değiştirme

Aşağıdaki snippet'lerde gösterildiği gibi gmp-requesterror örneklerini gmp-error olarak değiştirin:

Önce

autocompleteElement.addEventListener('gmp-requesterror', (event) => {
  console.log('an error occurred');
});

Sonra

autocompleteElement.addEventListener('gmp-error', (event) => {
  console.log('an error occurred');
});