将结果限制为仅带有门号的全屋地址

时间:2019-07-09 10:32:05

标签: algolia

我正在使用Algolia Places API自动填写用户输入的地址。

我直接从文档中使用了“完整表格”示例:

<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强制用户选择房屋地址?

0 个答案:

没有答案