Question

在我最近的成功之后（在这里的帮助下），我想完成我的脚本。谷歌同意将地理编码的地图结果放在第二页上是可以的，所以我想从第一页的地理编码脚本中删除地图显示。

BUT！它唯一没有的是autosuggest（google one，而不是jqueryUI）。这里有一些代码可以演示google autosuggest： http://jsfiddle.net/Rr5PL/63/

现在，似乎启用autosuggest的代码是：

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

我将此添加到我的原始代码中，不幸的是它不起作用！这段代码可以在这里看到： http://jsfiddle.net/njDvn/16/

所以我的问题是，根据我FIRST LINK中的原始代码，如何启用Google自动填充建议？

非常感谢您提供的任何帮助或意见！谢谢。

Answer 1

以下是Autocomplete example（仅限美国），其中包含Streetview。

创建它的关键是：

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="">

顺便说一句，您没有“向地理编码器添加自动填充功能”。地方自动填充功能课程包括地理编码功能。

Answer 2

JavaScript自动填充功能是Google Places API的一部分，默认情况下Google Maps API未加载该功能。当您通过添加参数 libraries=places 包含Maps API时，您需要明确load the Places library：

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

Answer 3

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

向Google地理编码器添加自动填充功能

3 个答案: