Не удается прочитать свойство 'Автозаполнение' из неопределенного при использовании API Google-мест

Question

Я хочу получить LatLng введенного адреса в текстовом поле.Я использую Google Map API для этого.Записав только новый google.maps.places.Autocomplete ({}) Я получаю Не могу прочитать свойства 'местах' с неопределенной этой ошибкой.

Ниже моякод:

@ViewChild('addressText') addressText: any;

ngAfterViewInit() {
   this.getPlaceAutocomplete();
}

getPlaceAutocomplete() {
    const autoComplete = new google.maps.places.Autocomplete(this.addressText.nativeElement, {
      types: this.addressText.nativeElement.value
    })
    // google.maps.event.addListener(autoComplete, 'place_changed', () => {
    //   const place = autoComplete.getPlace();

    //   console.log('places... ', place);
    // })
  }

HTML-файл:

<input matInput placeholder="Locations" class="input" formControlName="text" #addressText>

Пожалуйста, помогите мне.

Answer 1

Ошибка из-за того, что объект 'autocomplete' не создан.

• Вам необходимо определить идентификатор для тега'input '.
• Просто приведу базовый пример.

HTML:

<input matInput placeholder="Locations" class="input" formControlName="text" id="addressText">

JS:

autocomplete = new google.maps.places.Autocomplete(
  document.getElementById('addressText'), {types: ['geocode']});

Для получения дополнительной информации, пожалуйста, просмотритедокументы автозаполнение Google API