Google自动填充Places API错误InvalidValueError

Question

ABC

link：http://35.154.204.251/contact/

我在wordpress中安装了Google自动完成Place api，我在控制台中收到了InvalidValueError，我无法弄清楚问题，因为每件事情对我来说都很好。

Answer 1

查看变量gaaf_fields_my的值。当我提出一个断点时，我可以看到该变量具有以下值

" [name="input_2"], [name="demo"], #input_2_2, #demo, .address, .demo"

问题在于jQuery(gaaf_fields_my)作为第一个元素返回<li>元素，其中包含类＆＃39;地址＆＃39;并且不是<input>。这导致自动完成构造函数中的异常需要输入元素作为参数，但您尝试在<li>上初始化它。

在调用自动​​完成构造函数之前，您应该应用更好的选择器或在jQuery循环中检查元素的标记名称：

 function wnw_set_google_autocomplete_my(){
     jQuery(gaaf_fields_my).each(function(){

         if (this.tagName.toLowerCase() === 'input') {

             var autocomplete_my= new google.maps.places.Autocomplete(
                 /** @type {HTMLInputElement} */(this),
                 { types: ['geocode'] });

         }
     });
 }