首页 > 解决方案 > 没有大气数据的谷歌地图自动完成reactjs

问题描述

我面临着类似的问题,比如这篇文章没有大气数据的谷歌地图自动完成,但我只是在寻找一个可以在 reactjs 中应用的解决方案。

我已经在使用这个包装器 https://tomchentw.github.io/react-google-maps

但我找不到放置 AutocompleteOptions 的位置。

标签: reactjsgoogle-mapsautocompletegoogle-places-apisearch-box

解决方案


react-google-maps库不包含 Place Autocomplete 服务;它只提供不允许您指定字段的SearchBox 。但是,我进行了快速搜索并找到了以下 reactjs 库(我相信还有更多):

  1. react-google-autocomplete在其自述文件中声明如下:

    如果您需要额外的信息,您也可以设置字段属性,现在它默认为基本数据以控制费用。

  2. react-places-autocomplete目前不支持此问题的字段。

  3. 基于文档的 react-google-places-autocomplete似乎也不支持指定字段。

请注意,您始终可以自己提交 FR 或提交 PR。

我的方法:查看此代码框,以查看使用仅请求基本数据字段的#1 的自动完成输入。将您自己的 API 密钥添加到 index.html 中的 Google Maps JS API 脚本以运行它。

希望这可以帮助!


推荐阅读