无法让这个简单的 Google 自动完成脚本工作（Rails）

Question

我在部分表单的底部有这个，之前我通过 application.html.erb 加载它时可以使用，但后来决定用 Google 地图替换 application.html.erb 中的它。

_new.html.erb（带有适当标识的字段）。直接不工作，不知道为什么。

<script>
  $(document).ready(function(){
    var autocomplete = new google.maps.places.Autocomplete(document.getElementById("autocomplete"));
    });

    function initAutocomplete(){
    }
</script>

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

Answer 1

尝试移动

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

到 application.html.erb 头标签中

然后放

initAutocomplete = ->

$(document).ready ->
  autocomplete = new (google.maps.places.Autocomplete)(document.getElementById('autocomplete'))
  return

为你的首页插入一个coffeescript，或者使用你现有的脚本内联部分来测试你是否需要。