Google 处 api 自动完成未显示下拉菜单

Question

我有一个简单的 grails 应用程序，它有一个表单。根据要求，我将城市、州添加到输入字段。我正在使用 Google 个位置 api 来自动完成输入字段。我的gsp中的代码如下

<label for="city">
     <input id="city" name="city">
</label>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=myKey"></script>
<script>
$( "#city" ).autocomplete({

  source: function( request, response ) {
    var input = document.getElementById('city');
    var autoComplete= new google.maps.places.Autocomplete(input);

  },
  minLength: 3
} );
</script>

当我执行这个时，没有任何反应。没有下拉菜单出现。我错过了什么吗？我对此很陌生 API

提前致谢

Answer 1

好吧，你不需要自己写 autocomplete google 地图会处理它。

因此删除您的 autocomplete 代码并在代码下方添加

<script>
    var input = document.getElementById('city');
    var searchBox = new google.maps.places.SearchBox(input);
</script>

Google 处 api 自动完成未显示下拉菜单

Google places api autoComplete not showing dropdown

javascript

google-maps

google-maps-api-3

google-places-api