问题标签 [react-google-maps]

我想渲染组件Searchbox，我将它完全复制到我的应用程序中，但出现错误：

我已经加载了我的

进入我的脑海，index.html但无论如何它向我显示了错误。难道是，index.html无法加载我的脚本？

我用 create-react-app 创建了我的应用程序

我正在尝试将输入表单的值传递给我的 AppMap 组件，它将 Map 以prop city. 当我对 的状态进行硬编码时它可以工作searchValue，但是当我提交表单时，它不会将状态作为道具传递给 AppMap 组件。有谁知道我做错了什么。提前致谢。

导出默认地图

我正在尝试开发类似的东西，但是使用 ReactJS，我正在寻找相关的东西，但只有使用 vanilla 的实现。我检查了这个 [使用 infowindows 添加多个标记（Google Maps API） [尝试将多个 InfoWindows 绑定到 Google Map 上的多个标记并失败

这是我开发的一些代码，但没有成功，它有点复杂，因为它是 MarkerCluster、Markers、InfoWindow 和 Polygons 的组合。

当我调用 onClick 函数时，我会更改状态并设置 InfoWindow 的信息，但碰巧所有标记都显示相同的信息。

使用react-google-maps图书馆时。我找到了DirectionsRenderer，但我只看到作为选项包含的起点和目的地。

是否可以包含多个航点？

谷歌地图 API 文档

我需要为地图中的每个标记创建一个信息窗口。我可以在地图上看到标记，但是当我单击标记以获取 InfoWindow 时，我收到此错误TypeError: Cannot read property 'isOpen' of undefined，this.setState({isOpen: !this.state.isOpen})在onToggleOpen.

代表感谢

编辑：更新代码：

我有 1 个任务和 1 个问题。我使用react-google-maps。我的任务是：按事件添加标记。我的问题 - 在每次添加点位置标记后重新渲染组件 GoogleMap。如果我使用 statefull 组件或 HOC，地图会有闪烁效果。我试过使用重组。好图书馆。但是标记被添加到状态但标记没有被添加到地图。为解决这个问题提供一些建议。

我目前正在使用 react-google-maps 构建一个谷歌地图 api，我想创建多个标记以在信息窗口上显示世界各地城市的信息。但是由于它们都来自 html 对象。每当我点击一个标记时，所有信息窗口都会打开。如果有办法解决这个问题？示例代码：

当我只导入 react-google-maps 时，我遇到了这个奇怪的错误（超级表达式必须为空或函数，而不是未定义）任何的想法？

我将使用我的代码作为参考：

因此，我采用了两种方法来尝试在第一次绘图后将绘图模式切换为默认拖动模式。

1. 我将当前的绘图模式（多边形或矩形）保存到我自己的状态并将其传递给DrawingManager. 我将默认变量设置为调用drawingModeto的状态'rectangle'，将其传递给DrawingManager，然后在函数onRectangleComplete中将其设置为空字符串，并且它可以工作，因为地图最初以矩形模式加载。但是，一旦我单击其中一个绘图控件，它就永远不会停止绘图，即使变量被设置为空字符串。所以我认为这里违反了受控组件。
2. 我尝试的第二种方法是明确地尝试找到 google DrawingManager类来使用它的setDrawingMode功能。但是我尝试ref在绘图管理器上使用，然后进入它的状态，并且能够在那里看到它，但后来我读到了变量名DO_NOT_USE_THIS_ELSE_YOU_WILL_BE_FIRED——我相信库阻止了这种方法。

那么，在我完成第一张绘图后，如何使用绘图控件以及将绘图模式更改回默认值？

下面是我的编码：

我正在尝试绘制多边形的路径，这将为我提供路径的坐标。但它在console.log 上给出了未定义的。你们知道为什么吗？