向Google Geocoder添加自動完成

Question

在我最近的成功（在這裏的幫助下）之後，我想完成我的腳本。 Google同意可以將地理編碼地圖結果放在第二頁上，因此我想從第一頁上的地理編碼腳本中去除地圖顯示。

我有這方面的工作在這裏： http://jsfiddle.net/njDvn/15/

BUT！它唯一沒有的是autosuggest（谷歌的一個，而不是一個jqueryUI）。下面是一些代碼，並演示了谷歌自動提示： http://jsfiddle.net/Rr5PL/63/

現在，這似乎使自動提示的代碼是這樣的：

var autocomplete = new google.maps.places.Autocomplete(address,options); 
var autocompleteOptions = {types: ['geocode']}; 

我將此添加到我的原代碼和不幸的是它不工作！該代碼可以在這裏看到： http://jsfiddle.net/njDvn/16/

所以我的問題是，根據我原來的代碼在我FIRST LINK，我該如何使谷歌的自動完成建議？

任何幫助或輸入你可以給予非常感謝！謝謝。

Answer 1

這裏是一個Autocomplete example，（僅限美國），與街景包括在內。

的關鍵線路創建它是：

var input = document.getElementById('searchTextField'); 
var options = { 
    types: [], 
    componentRestrictions: {country: 'us'} 
}; 

var autocomplete = new google.maps.places.Autocomplete(input, options); 

您還需要加載地方信息庫：

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> 

和HTML：

<input id="searchTextField" type="text" size="50" value=""> 

順便說一句，您不會「向地理編碼器添加自動完成功能」。地點自動完成類包括地理編碼功能。

Answer 2

JavaScript自動完成功能是Google Places API的一部分，該功能在默認情況下並未使用Google Maps API加載。當您加入Google Maps API通過添加參數libraries=places你需要明確load the Places library：

<script src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>

Answer 3

看一看這個準備演示，這不正是由馬塞洛提到和ssorallen http://devfestmtm.appspot.com/demos/places/autocomplete_addressform.html