jquery - 如何将 Google Places API 绑定(bind)到仅限美国的地址？

Question

这里需要一些帮助。

这是我的设置和我正在使用的表单样式的一个很好的示例。 http://ubilabs.github.io/geocomplete/examples/form.html

我的目标是创建一个简单的表单，一旦用户输入有效的邮政编码，该表单就会自动填写城市、州/省的表单。一切都很好，只是我无法将其绑定(bind)到仅限美国的地址。有时，会输入有效的 5 位数邮政编码，但随后会自动填充到非美国地址。

要明白我的意思，请尝试在上面的示例中输入“91333”，这是帕科伊马市的 CA 邮政编码。但您还会看到它建议将瑞典和斯洛伐克作为条目。

我尝试了无数的方法，包括国家限制: 组件限制:{国家:“我们”}。

我遵循了 Google 的方法，他们记录道。在他们的示例中，他们似乎可以正常工作:

http://googlegeodevelopers.blogspot.com.au/2012/05/faster-address-entry-with-google-places.html

但我认为解决方案必须将他们所做的工作调整到 GeoComplete Jquery 插件中，因为我还没有让它发挥作用。

请帮忙!提前致谢

Answer 1

基本上，您需要将组件限制附加到请求网址: 考虑 geocode api docs 中的这个例子:

http://maps.googleapis.com/maps/api/geocode/json?address=santa+cruz&components=country:ES&sensor=false

初始化 geocomplete.js 插件时，您应该能够传递一个国家/地区。

<script>
  $(function(){
    $("#geocomplete").geocomplete({
      map: ".map_canvas",
      details: "form",
      country: "US",
      types: ["geocode", "establishment"]
    });

    $("#find").click(function(){
      $("#geocomplete").trigger("geocode");
    });
  });
</script>

参见geocomplete.js on github