问题标签 [react-google-places-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
389 浏览

reactjs - 如何将 react-google-places-autocomplete 与 react-hook-from 集成?

我想在我的表格中输入位置信息,如下所示

在此处输入图像描述

我正在为此使用现成的组件https://www.npmjs.com/package/react-google-places-autocomplete

我通常对材料 ui 使用反应钩子形式执行以下操作Textfield是:

所以在这里而不是TextField我必须使用GooglePlacesAutocompleteComponent

我希望用户知道它的要求。

我认为像下面这样的事情应该是可能的,但我没有得到什么道具可以通过:

0 投票
1 回答
188 浏览

react-select - reactjs-select + react-google-places-autocomplete:如何使用地点进行初始化

我正在使用来自https://www.npmjs.com/package/react-google-places-autocomplete的现成组件用于 google 自动完成位置

但我想用地方初始化它。(因为当我编辑表格时,我必须在那里显示该位置)

以上是组件

和用途是

我知道react-google-places-autocomplete用途react-select AsyncSelect

fetchsugestions 是 {label and value} 的列表

如何传递初始值

0 投票
1 回答
92 浏览

react-native - 如何在 react-native-google-places-autocomplete 列表中添加图像

我无法弄清楚这个问题。这个 npm 库有可能吗? 这就是我想要实现的

0 投票
1 回答
32 浏览

javascript - 谷歌地方仅自动完成带有压力数字的建议

我正在使用 googles api places 来获取地址自动完成建议。这是我的简单工作代码:

现在我会意识到以下情况:

  • 客户应将其地址写入“customerAddress”字段以获取建议,但地址必须包含门牌号。我该如何限制这个?

  • 只有当客户从自动完成列表中选择了建议时,才能提交表单。如果他/她手动写了一个不在自动完成列表中的地址,那一定是一个错误

0 投票
1 回答
99 浏览

reactjs - React/Material UI - Google Places 自动完成下拉菜单有时不起作用

所以这段代码可以工作,但有时在页面加载或刷新谷歌位置下拉自动完成建议时没有显示,我可以在搜索框中输入任何内容,但它只是不加载自动完成框。什么可能导致这个问题?

这是代码。

我也尝试过使用 Material UITextFieldinputRef不是标准input,但我遇到了同样的问题。此外,它在页面刷新时更频繁地发生。在第一页加载时,它几乎每次都能正常工作。

0 投票
0 回答
18 浏览

react-native - 在选择地点制造商位置改变但地图没有根据标记位置移动

我是React Native的新手,从Expo导入 MapView ,我可以更改标记位置,但相机没有聚焦在标记的新位置,地图保持静止。如果有人可以提供帮助,请帮助我觉得animateToRegion不工作

0 投票
0 回答
17 浏览

reactjs - 如何实现谷歌自动完成功能

我一直在为此参考谷歌文档并导致错误。但是,如果不是这个,请告诉我是否有更好的方法。

index.js

组件.jsx

在此处输入图像描述

0 投票
0 回答
21 浏览

javascript - 如何从谷歌地图获取完整地址

react-google-autocomplete在 React 中使用库名称。它工作正常,但它不返回完整和完整的地址。例如,我住在一个名为 (ABC) 的城市。ABC 的扇区名称为 F-10,其建筑物名称为 (Example-Building, F-10)。当我输入ABC它返回 ABC 但当我输入F-10 and building name它不返回它的名字。我想得到一个完整的街道地址,有人可以帮我看看怎么做。谢谢

在 public.html 中,我包含了一个谷歌地图文件

0 投票
0 回答
18 浏览

react-native - React Native Google Place Autocomplete REST requestURL 实现

我正在尝试调用导致我的 google maps api 调用的 REST API(我有一个服务器端应用程序)。它没有调用 requestUrl,所以我想知道发生了什么。