Google Places API自动填充功能未显示结果

时间:2018-01-10 15:43:29

标签: reactjs google-places-api

在我的React应用程序中。我正在使用Google Places API自动填充功能,因此用户可以输入他们的位置,他们的城市/州/国家/地区信息将自动填写,但我遇到了无法解决的问题。

const autocomplete = new google.maps.places.Autocomplete(input);

当我没有为第二个参数指定选项时。一切都很好,但我只想返回用户的城市,州和国家,但是当我指定类型时。自动填充功能甚至不会显示结果。

1 个答案:

答案 0 :(得分:0)

我希望声明您的选择对象时可能出问题。但是,如果不看您的代码,我无法确切地说。

但这是Google在其Google Maps Api中提供的示例。我希望这能解决您的问题。

var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-33.8902, 151.1759),
  new google.maps.LatLng(-33.8474, 151.2631));

var input = document.getElementById('searchTextField');
var options = {
  types: ['(cities)'],
  componentRestrictions: {country: 'fr'} // show only results for country France
};

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

有关更多详细信息,您可以参考google maps API https://developers.google.com/maps/documentation/javascript/places-autocomplete