【问题标题】:Google autocomplete suggestion without country name没有国家/地区名称的 Google 自动完成建议
【发布时间】:2018-05-30 05:13:22
【问题描述】:

我正在寻找一种可能获得没有国家名称的建议。

我有以下js代码:

var options = {
    types: ['(cities)'],
        componentRestrictions: {country: "us"}
     };
autocomplete = new google.maps.places.Autocomplete((document.getElementById('autocomplete')), options);

结果是例如美国德克萨斯州奥斯汀

现在我只想拥有那个例子

预期结果是例如德克萨斯州奥斯汀

通过图片链接查看更多信息 click here

你有什么想法吗?谢谢。 Dhiraj Gangal

【问题讨论】:

标签: google-maps-api-3 autocomplete country googleplacesautocomplete google-suggest


【解决方案1】:

我对此进行了更多调查,我在这里有更多信息:

要使用的服务: https://developers.google.com/maps/documentation/javascript/places-autocomplete?hl=de#place_autocomplete_service

AutocompletePrediction 定义了服务返回的内容https://developers.google.com/maps/documentation/javascript/reference?hl=de#AutocompletePrediction

这里的 PredictionTerm https://developers.google.com/maps/documentation/javascript/reference?hl=de#PredictionTerm 是最初作为结果显示的“描述”的一部分。

有趣的部分实际上是 PredictionTerm,它是整个地点建议的一部分。

如果您查看此示例:https://developers.google.com/maps/documentation/javascript/examples/places-queryprediction

您可以轻松获取建议结果的每个 PredictionTerm,如下面的 sn-p 所示:

predictions.forEach(function(prediction) {
     var li = document.createElement('li');
     var city = prediction.terms[2];
     var content = "Results: "+city;
     li.appendChild(document.createTextNode(prediction.description));
     document.getElementById('results').appendChild(li);
});

我做了一个例子:https://jsfiddle.net/yfkpvf72/1/

【讨论】:

  • 好答案。如果您需要一些看起来更接近标准自动完成的样式示例,您可以look at this fiddle
猜你喜欢
  • 1970-01-01
  • 2017-10-20
  • 1970-01-01
  • 2011-12-25
  • 1970-01-01
  • 2020-05-20
  • 2016-06-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多