Question

我已经查看了关于谷歌地图自动填充主题的大部分问题，并且还查看了文档。出于某种原因，尽管已经设置了JS和HTML，但似乎没有任何事情发生在客户端。我也查看了开发人员控制台的错误，但没有。

这是我所包含的脚本标记：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=API_KEY_HERE&libraries=places"></script>

HTML

 <div class="form-group row">
      <label for="example-text-input" class="col-sm-2 col-form-label">City</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" type="text" id="city" placeholder="San Francisco, Oakland, etc..">
      </div>
 </div>
<script>
function initialize() {
    var input = document.getElementById('city');
    var autocomplete = new google.maps.places.Autocomplete(input);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

我不知道该怎么做。如果我能提供更多信息，请告诉我。提前谢谢！

Answer 1

啊，我发现了错误。我在自举模式中有这个自动完成输入框，自动完成选项隐藏在模态后面，因为它有一个自然的z轴。为了解决这个问题，我刚刚添加了一些简单的css：

.pac-container {
  z-index: 10000 !important;
}

Google地图自动完成设置后无法正常工作

HTML

1 个答案: