Javascript Google Places API不支持多输入'；行不通

我的问题是GooglePlaceAPI。我无法使用“自动完成”设置2个输入。我从后端从有效负载读取的第一个输入和第二个输入处于引导模式

我尝试了网络上的其他解决方案，有很多例子，但都不起作用。我阅读了文档，没有看到任何关于自动完成的多输入的内容

function googleAutocompleteSettings() {
  const optionsGoogleAutocomplete = {
    types: ['(cities)'],
    componentRestrictions: {country: "cl"}
  };

  $('.google_autocomplete').each( function () {
    const input = this;
    const googleAutocomplete = new google.maps.places.Autocomplete(input, optionsGoogleAutocomplete);
    googleAutocomplete.inputId = input.id;
    googleAutocomplete.parentDiv = $(input).parent()[0];
    console.log("googleAutocomplete", googleAutocomplete);
    googleAutocomplete.addListener('place_changed', fillInGoogleInput);
  })
}

function fillInGoogleInput() {
  const place = this.getPlace();
}

初始值为：

googleAutocompleteSettings();

html输入如下所示：

你是说我们的城市是和平的吗？
你是不是想安静一下？

我这样做，两个输入都向API发出请求。但只有第一个输入具有自动完成框。第二个输入，如前所述，发出请求，但自动完成框不出现

这是JSFIDLE：

---

我不能把google places API的API_键放进去，因为它是为其他人付费的

我的问题只是CSS

这解决了我的问题：

.pac容器{
z指数：10000！重要；
}

请提供一个演示您的问题的示例（在问题本身中，最好是StackOverflow代码片段）。在您发布的代码中，jQuery

。每个
都从未运行过。我可能放置了一个JSFIDLE的副本，但我可以设置一个非计费api密钥：(