将自动完成初始化函数重新发送到google maps api

时间:2016-01-28 13:02:20

标签: javascript jquery google-maps google-maps-api-3 autocomplete

我有一个名为" autocompleteAddress"在哪里是在某个输入上初始化自动完成。此功能按照

显示如下
function initAutocomplete() {
  // Create the autocomplete object, restricting the search to geographical
  // location types.
  autocomplete = new google.maps.places.Autocomplete(
      /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
      {types: ['geocode']});

  // When the user selects an address from the dropdown, populate the address
  // fields in the form.
  autocomplete.addListener('place_changed', fillInAddress);
}

现在在底部我有正常的脚本,我将函数名称发送到google api,如下所示

 <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&signed_in=true&libraries=places&callback=initAutocomplete"
        async defer></script>

现在我正在对UI进行一些修改,并且在这些修改之后,自动完成不再起作用,原因是特定输入被销毁并且创建了新的输入。

现在我的问题是,我可以告诉Google我已将我的输入更新为另一个。就像重新发送函数那样说话。

1 个答案:

答案 0 :(得分:0)

好的,我已经弄清楚了,我只需要再次调用构造函数

google_autocomplete.autocomplete.constructor(document.getElementById('element'))