Javascript Geocomplete不在Rails 5中工作

我在Rails项目中使用geocomplete时遇到了一个问题，基本上我想使用geocomplete自动填充一个位置，但是表单拒绝工作，我尝试过使用不太复杂的geocomplete函数，但似乎没有任何功能正常工作

顺便说一下，我正在使用“geocomplete_rails”gem

我复制粘贴的这段代码来自geocomplete示例中的一个，只是要短得多：

<div id="my_input">

  <input id="geocomplete" type="text" placeholder="Type in an address" 
  autocomplete="off">
  <input class="find_me" type="button" value="Encuentra">
  <div id="my_map">

  </div>

  <div id="my_form">

  </div>

</div>

我已经在我的代码中使用了googlemaps api，在我的html的头部中

<script 
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAwAw8El2ksHEry1EmoX6LIoZJsFIPXmdc&libraries=places&"
  async defer>
</script>

---

对我来说最奇怪的是，每当我要求在“$（“#geocomplete”）之外发出警报时，单击（function（）{”它可以工作，但单击选择器却什么也做不了。你知道为什么这不起作用吗？

这里是你的HTML

<div id="my_input">

  <input id="geocomplete" type="text" placeholder="Type in an address" 

...

---

除此之外，你想把这条线

<script src="https://maps.googleapis.com/maps/api/js?key=xxx&librari‌​es=places&" async defer> </script>

在头部的顶部，就在

部分之后

---

---

为了帮助未来的人们，我制作了一个开源的非常简单的github repo，带有一个rails应用程序，它可以运行=>

但仍然不起作用，似乎每当我尝试调用这两个应用程序中的任何一个时，当我点击元素或填充它们时，它们根本不会被调用。现在我得到了

未捕获的引用错误：google没有定义

，我认为这是因为它在google maps api之前加载，我如何首先将GM api与application.js文件一起加载？您必须将这行

放在标题部分的顶部，就在

之后，顺便说一句，我为您制作了一个非常简单的github repo，其中包含一个运行=>的rails应用程序。就是这样，我仍然不清楚什么时候需要脚本接到电话，但我认为这给了我正确的想法，非常感谢！而且，你应该编辑答案，以便我可以接受

<div id="my_input">

  <input id="geocomplete" type="text" placeholder="Type in an address" 

...

$(document).ready(function() {

  $("#geocomplete").geocomplete({
    ...

<script src="https://maps.googleapis.com/maps/api/js?key=xxx&librari‌​es=places&" async defer> </script>