0

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

我在这里工作：http: //jsfiddle.net/njDvn/15/

但！它唯一没有的是自动建议（谷歌的，不是 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中的原始代码，如何启用谷歌自动完成建议？

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

4

3 回答 3

3

这是一个自动完成示例（仅限美国），包括街景。

创建它的关键线是：

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 类包括地理编码功能。

于 2012-11-03T18:31:47.740 回答
0

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

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

于 2012-11-03T17:58:41.787 回答
0

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

于 2012-11-03T22:48:03.187 回答