Google places api autoCompleteにドロップダウンが表示されない

Question

私はフォームを持つ簡単な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にはかなり新しいですアドバンス

Answer 1

で

おかげさてあなたは、マップがそれの世話をするグーグル自分でautocompleteを記述する必要はありません。

だからあなたautocompleteコードを削除し、私は追加質問、この答えは良い解決策であるため、単にコード

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