谷歌的地方API自動完成不顯示下拉菜單

我有一個簡單的Grails應用程序有一個窗體。對於一個需求，我添加城市，狀態到輸入字段。我使用Google放置api來自動填充輸入字段。我的gsp中的代碼如下。谷歌的地方API自動完成不顯示下拉菜單

<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提前

感謝

來源

2016-09-22 Visahan

那麼你不需要寫autocomplete自己谷歌地圖會照顧它。

所以刪除您autocomplete代碼，並添加略低於代碼

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

來源

2016-09-22 05:49:45

對於我加的問題，這個答案是一個很好的解決方案。如果使用純HTML，當我使用此代碼時，它按預期工作。但在我的gsp中，我看不到任何結果。當我鍵入內容時不會發生任何操作。 – Visahan

你可以創建代碼的'JSFiddle'嗎？我會看看它（它確定如果不想創建，因爲密鑰是私人的，那麼只需添加有問題的整個代碼）。 –

使用密鑰時，我的問題出現了一個錯誤。它按預期工作。感謝你及時的答覆 – Visahan

谷歌的地方API自動完成不顯示下拉菜單

回答

相關問題