【问题标题】:Restrict google places auto complete to only show residential addresses限制 google 地方自动完成功能只显示住宅地址
【发布时间】:2022-10-19 19:22:48
【问题描述】:

我正在构建一个使用 google places 自动完成 API 的应用程序。对于我的用例,我不想让用户输入诸如企业和兴趣点之类的东西——我只想让他们选择住宅地址。我浏览了文档,似乎没有一个明显的答案。我可以看到我可以将其限制为仅显示业务,但这在我的情况下不起作用。任何帮助将非常感激!

我正在使用 react-places-autocomplete 包在 next.js 应用程序中实现这一点。如果可以将某些内容添加到搜索选项中以添加此限制,那将很有用。

  <PlacesAutocomplete
    value={searchValue}
    onChange={handleChange}
    searchOptions={{ componentRestrictions: { country: 'uk' } }}
    debounce={500}
  >
    {({ getInputProps, suggestions, loading }) => (
      <Autocomplete
        disablePortal
        blurOnSelect
        loading={loading}
        loadingText='Loading...'
        options={suggestions.map((x) => x.description)}
        sx={{ width }}
        onChange={handleOnSelect}
        value={address}
        renderInput={(params) => <TextField {...getInputProps({ placeholder: 'Address...' })} {...params} label="Search Address" />}
      />
    )}
  </PlacesAutocomplete>

【问题讨论】:

  • 我在他们的文档中发现可以实现searchOptions。有了它,您可以指定types 参数来过滤结果。您可以查看此answer 以及那里的链接文档以获取更多信息。

标签: javascript next.js google-api google-places-api react-google-autocomplete


【解决方案1】:

对于遇到此问题的任何人,我发现将 types 参数设置为以下给出了我希望的结果:

["street_number", "street_address"]

【讨论】:

    猜你喜欢
    • 2018-06-27
    • 2013-02-10
    • 2012-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-09
    • 1970-01-01
    相关资源
    最近更新 更多