问题标签 [react-google-maps]

我在这里发现这个帖子有类似的问题，但它没有帮助。 谷歌地图标记作为 Reactjs 组件

在我的数据库中，我存储了一些纬度和经度值。我在模型中检索这些值以向用户显示一些数据。我将这些值发送到我按照本教程https://tomchentw.github.io/react-google-maps/#introduction创建的简单 Google 地图组件

该组件从“道具”接收“模型”，我得到这些值并设置两个变量并尝试将它们发送到谷歌组件。

地图根本没有加载我发送的这些值。如果我不使用“parseFloat”，我会收到一条错误消息，指出这些值的格式不正确。

使用 react-google-maps 包装器时，有谁知道如何使用“面板”作为方向渲染器中的道具来显示一个面板，该面板显示已映射路线的文本说明。

https://tomchentw.github.io/react-google-maps/#directionsrenderer

我正在使用React Google Maps将 Google Maps 添加到我的页面，并在此处设置地图：

但是，我想注入一个 store 和 usethis.props.store.lat而不是props.latusing @inject('store')，这需要将 MapWithMarkers 转换为一个类而不是 const。

我尝试了以下方法：

这不起作用，返回：

未捕获（承诺中）错误：MapWithMarkers.render()：必须返回有效的 React 元素（或 null）。您可能返回了未定义、数组或其他一些无效对象。

我究竟做错了什么？

我知道使用本机 Google Map API 我们可以执行以下操作：

但是对于 react-google-maps，标记是组件，所以我想还有另一种方法。创建标记（作为组件）工作正常，是否有选项或其他东西可以将视口居中？

我希望我们不必像使用本机库那样将其创建为组件并重新创建它。

我没有在地图上看到缩放 +/-、地图/卫星和人类图标。我正在按照文档中指定的步骤进行操作。有什么我必须通过的特定道具吗？还是有什么悬而未决的问题？谢谢你的帮助。

这是我的 GoogleMap 组件的外观片段 -

*

*

我阅读了文档，它方便地概述了可用的道具和方法。请看这里。

我的问题是，鉴于此处的示例组件：

看到onPositionChanged事件了吗？我想更新MyParentComponentWrapper包含 lat 和 lng 的状态，但我不知道如何调用getPosition()来获取 lat lng 值。没有提供示例，文档看起来不清楚......有没有办法调用Marker我不知道的组件中的方法？如果您知道如何执行此操作，您能否提供一个示例说明如何执行此操作？

当单击我设置的 onClick 函数时，我想传递我的一个元素的属性。我不知道如何访问元素的属性。具体来说，我想将我的谷歌地图标记的位置属性传递给我的 onClick 函数，以便我可以将被点击的标记的位置存储到一个数组中。

我的标记代码如下所示：

我想传递位置或位置的 lat 和 lng 属性。如果我尝试通过位置，我会收到错误说明位置未定义。Lat 和 lng 只是给我未定义的值。

注意：position、clickable 是 Marker 元素的原生属性。

React/Redux 新手在这里。我有一个表单输入，允许用户输入医生问题。它通过 Redux 操作从服务器返回医生列表，并在地图上显示医生列表和每个医生位置的标记（react-google-maps）。

当我单击提交时，显示正确问题的医生列表，地图在那里，但没有标记。我只能在提交表格后才能在地图上显示标记，然后单击列表中的医生以显示其详细信息。

Want：输入一个医生问题，并在用户单击提交时在地图上呈现医生列表和标记。然后，选择一个医生来查看他们的详细信息页面（这是另一个问题，路由到动态详细信息页面）。

我认为，我需要使用生命周期方法，但不知道如何实现它。或者，有没有更好的方法来使用 Redux 来处理这个问题？

医生组件：

DoctorList 组件：

DoctorItem 组件：

DoctorView 组件：

地图组件：

我花了几天时间尝试和寻找答案，但没有运气。任何帮助将不胜感激！

我使用库 react-google-maps react-google-maps

如何从集群中删除标签？我不想显示内部标记的数量

我是 React 新手，一直在玩 react-google-maps 包。我正在尝试弯曲连接两个地方的折线。浏览完文档后，我试图将曲线折线函数合并到“可编辑”道具下。

这是弯曲折线的函数：

我无法理解如何在折线组件中使用此功能。我可以在任何两个地方之间标记一条线，但不能使用此功能来弯曲给定的折线。这是我正在使用的折线组件。

我的州有两个标记（srcMarker、desMarker），一旦用户输入城市名称，它们就会存储给定城市的坐标。将此功能与折线组件合并将不胜感激。我还没有遇到任何允许折线弯曲的内置功能。提前致谢！