jquery - 将自动完成列表中的国家/地区 Google map 限制为 "INDIA, USA and UK"

Question

此代码不起作用。请告诉我具体的解决办法

<script src="maps.googleapis.com/maps/api/…; type="text/javascript"></script>
<script type="text/javascript">
   function initialize() {
      var input = document.getElementById('searchTextField');
      /* restrict to multiple cities? */
      var options = {
          types: ['(cities)'],
          componentRestrictions: {country: ["usa", "uk"]}
      };
      var autocomplete = new google.maps.places.Autocomplete(input, options); 
   }
   google.maps.event.addDomListener(window, 'load', initialize);
</script>

更新

2017 年 1 月的 Maps JavaScript API 3.27 版中引入了多个国家/地区过滤器自动完成功能:

You can now restrict Autocomplete predictions to only surface from multiple countries. You can do this by specifying up to 5 countries in the componentRestrictions field of the AutocompleteOptions.

https://developers.google.com/maps/documentation/javascript/releases#327

Answer 1

首先，您无法从多个国家/地区进行过滤。这是一个已知问题 reported here .

然后对于您的代码，您必须使用两个字符的字符串作为国家/地区代码:

componentRestrictions can be used to restrict results to specific groups. Currently, you can use componentRestrictions to filter by country. The country must be passed as as a two character, ISO 3166-1 Alpha-2 compatible country code. Source.

这是一个国家working sample我摆弄了(取自 Google samples list )。