javascript - Google 将 api autoComplete 不显示下拉列表

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

我有一个简单的 Grails 应用程序,它有一个表单。对于要求,我将城市、州添加到输入字段。我正在使用 Google Places 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 还很陌生

提前致谢

最佳答案

你不需要自己编写自动完成,谷歌地图会处理它。

因此,删除您的自动完成代码并添加下面的代码

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

关于javascript - Google 将 api autoComplete 不显示下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39630866/

相关文章:

javascript - 当到达存储在数据库中的 future 日期、时间时,如何在 Node JS 中触发事件?

javascript - 将 http GET 响应与 ngRepeat 中的隔离范围绑定(bind)

Javascript 从嵌套数组中删除键

javascript - 如何在 initialize() 函数之外声明标记以避免在坐标更改时重新加载 map ?

Javascript 等到使用 setInterval 加载元素?

java - 谷歌地图缩放级别

google-maps - Google map 是否尊重 KML 中的 <BalloonStyle> 定义?

android - Google Maps Android API v2 - 检测长按 map AlertDialog

javascript - Google Maps API,加载 Onion.js 时挂起(昨天开始)

css - wordpress 页面中的 Google map 样式问题