Ограничить результаты полным адресом дома только с номером двери - PullRequest
Новая
       17

Ограничить результаты полным адресом дома только с номером двери

1 голос
/ 09 июля 2019

Я использую API Algolia Places для автозаполнения адресов, которые вводит пользователь.

Я использовал пример "полной формы" прямо из документации: 

<form action="/billing" class="form">
  <div class="form-group">
    <label for="form-address">Address*</label>
    <input type="search" class="form-control" id="form-address" placeholder="Where do you live?" />
  </div>
  <div class="form-group">
    <label for="form-address2">Address 2</label>
    <input type="text" class="form-control" id="form-address2" placeholder="Street number and name" />
  </div>
  <div class="form-group">
    <label for="form-city">City*</label>
    <input type="text" class="form-control" id="form-city" placeholder="City">
  </div>
  <div class="form-group">
    <label for="form-zip">ZIP code*</label>
    <input type="text" class="form-control" id="form-zip" placeholder="ZIP code">
  </div>
</form>

<script src="https://cdn.jsdelivr.net/npm/places.js@1.16.4"></script>
<script>
(function() {
  var placesAutocomplete = places({
    appId: 'pl11CGEN8F7A',
    apiKey: '3e12dfac387e0d83d27c88e19d132b08',
    container: document.querySelector('#form-address'),
    templates: {
      value: function(suggestion) {
        return suggestion.name;
      }
    }
  }).configure({
    type: 'address'
  });
  placesAutocomplete.on('change', function resultSelected(e) {
    document.querySelector('#form-address2').value = e.suggestion.administrative || '';
    document.querySelector('#form-city').value = e.suggestion.city || '';
    document.querySelector('#form-zip').value = e.suggestion.postcode || '';
  });
})();
</script>

Что яКогда пользователь вводит почтовый индекс, он хочет получить список всех адресов, соответствующих почтовому индексу.Затем пользователю нужно будет выбрать полный адрес.

В данный момент пользователь может ввести почтовый индекс без домашнего адреса.Форма выполняет автозаполнение, но не отображает домашний адрес.Адрес дома важен, так как это будет место, куда я отправляю товар.

Есть ли способ заставить пользователя выбрать домашний адрес с помощью этого API?

...