【发布时间】: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