Google将api autoComplete设置为不显示下拉列表

时间:2016-09-22 05:25:39

标签: javascript google-maps google-maps-api-3 google-places-api

我有一个简单的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很陌生

先谢谢

1 个答案:

答案 0 :(得分:1)

好吧,你不需要自己写autocomplete谷歌地图会照顾它。

请删除您的autocomplete代码并添加以下代码

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