Как сделать так, чтобы адрес Google автоматически заполнялся с помощью API, чтобы заменить полный адрес номером и улицей?

Question

Я использую Google API для автоматического заполнения формы адреса. Прямо сейчас я нашел код для заполнения полного адреса, который автоматически заполняет все поля в картинке ссылка # 1, как показано. Я скрыл номер улицы и поля маршрута, так как они не нужны.

Что я ищу, так это после того, как я выбрал адрес, я хочу, чтобы в адресной строке, которую я набирал, не отображался город, штат и страна в этой области поля. Я хочу, чтобы автозаполнение выглядело так, как показано на картинке ссылка № 2, где поле адреса заменяет полный адрес только номером и улицей и не включает город, штат, страну. Во время набора я выбрал адрес, показанный на ссылке №3, и он автоматически заполняет то, что показано на ссылке №2.

Кто-нибудь знает, как заменить полный адрес только номером и улицей после нажатия на адрес? Я использовал html и jscript по этой ссылке здесь: https://github.com/solodev/address-auto-complete

Picture Link # 1: https://imgur.com/a/oCAAs4C

Picture Link # 2: https://imgur.com/a/psaz3J4

Ссылка на изображение # 3: https://imgur.com/a/xQMNjpy

Answer 1

Попробуйте изменить fillInAddress следующим образом:

function fillInAddress() {
  // Get the place details from the autocomplete object.
  var place = autocomplete.getPlace();

  for (var component in componentForm) {
    document.getElementById(component).value = '';
    document.getElementById(component).disabled = false;
  }

  // Get each component of the address from the place details
  // and fill the corresponding field on the form.
  var streetAddress = '';
  for (var i = 0; i < place.address_components.length; i++) {
    var addressType = place.address_components[i].types[0];
    if (componentForm[addressType]) {

      if (addressType === 'street_number') {
        streetAddress += place.address_components[i][componentForm[addressType]];
      } else if (addressType === 'route') {
        if (streetAddress.length) {
          streetAddress += ' ';
        }
        streetAddress += place.address_components[i][componentForm[addressType]];
      }

      var val = place.address_components[i][componentForm[addressType]];
      document.getElementById(addressType).value = val;
      document.getElementById('autocomplete').value = streetAddress;
    }
  }
}

Рабочая jsfiddle на основе демоверсии .

Надеюсь, это поможет !