将自动完成添加到 Google 地理编码器答案

【问题标题】：Adding Autocomplete to Google Geocoder将自动完成添加到 Google 地理编码器
【发布时间】：2012-10-24 01:58:50
【问题描述】：

在我最近取得成功后（在此处的帮助下），我想完成我的脚本。 Google 同意将地理编码的地图结果放在第二页上是可以的，因此我想从第一页的地理编码脚本中去掉地图显示。

但是！它唯一没有的是自动建议（谷歌的，不是 jqueryUI 的）。这是一些确实演示了 google autosuggest 的代码： 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 中的原始代码，如何启用谷歌自动完成建议？

您能提供的任何帮助或意见将不胜感激！谢谢。

【问题讨论】：

标签： javascript google-maps google-maps-api-3 geocode

【解决方案1】：

这是Autocomplete example，（仅限美国），包括街景。

创建它的关键是：

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

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

您还需要加载 Places 库：

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

和 HTML：

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

顺便说一句，您不会“向地理编码器添加自动完成功能”。Places Autocomplete 类包括地理编码功能。

【讨论】：

@Marcelo 您的链接已失效，但我希望 Google 的文档与您在此处的回答一样简单！

【解决方案2】：

看看这个现成的演示，它完全符合 Marcelo 和 ssorallen 所提到的 http://devfestmtm.appspot.com/demos/places/autocomplete_addressform.html

【讨论】：

【解决方案3】：

JavaScript 自动完成功能是 Google Places API 的一部分，默认情况下不会随 Google Maps API 一起加载。在包含 Maps API 时，您需要通过添加参数 libraries=places 来明确地 load the Places library：

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

【讨论】：