问题标签 [google-maps-react]

我似乎无法显示从我的 json 到 google-maps-react 的索引，我可以看到映射出的所有标记，但它们显示默认标记，没有弹出窗口。这是<InfoWindow>放置的代码，反应抱怨我必须放置一个父 div，当我这样做时，我目前没有看到任何标记。

我的 car2go json 映射正确，只是没有打印出来name={content.name}。

我的 map.js 组件：

我想单击</Main>子组件，调用<RenderTable/>并激活 中onMarkerClick使用的方法<MapContainer />，这将显示<InfoWindow/>。也许我需要在 the 中创建一个单一的事实来源，app.js并可能传入keyorjson值以匹配标记？

组件文件的一部分app.js是这样的：

这是map.js控制的部分<MapContainer />：

我正在使用Car2gojson 文件来渲染长和纬度的地图。

我已经尝试了很多方法来从标记获取坐标，我正在使用 google-maps-react 模块，其中只有 3 个道具可用 mapCenter onClick onMouseover 但是我想在拖动标记时获取坐标。

以下是代码工作并且标记是可拖动的，但我怎样才能找到坐标？

当我尝试使用 Google 地图加载组件时（道具已按预期传递给组件），我只是收到一条消息"Loading map..."，但未加载带有标记的地图。控制台中也没有错误。这是组件。我在这里做错了什么？

我有一个地图组件，其中，我使用Google-map-react库在谷歌地图中显示位置。在该地图中，我有一个名为“在地图中查看”的按钮。所以，现在，如果用户点击那个按钮。它应该将他们带到具有给定位置坐标的谷歌地图。请在下面找到代码并告诉我，我该如何实现

我们都好吗？CSS菜鸟在这里。

我已经导入了 google-maps-react 并在我的项目中使用它。我正在尝试使用 CSS Grid 定义它使用的空间。但是在渲染时在 DOM 上会产生：

像这样，组件试图占用它的父 div 的空间，但不幸的是，外部 div 渲染为 0px 宽，但是下一个父级别的 div 是我的代码，并且给子元素一个很好的网格区域我想让他们填满。

我需要自动，因为它默认使用“100%”，它采用窗口大小。

渲染的 HTML 和 CSS：

理想情况下，我希望完全删除此 div，但 google-maps-react 源代码已被转译，因此在 jsx => 中不难阅读。这可能是因为当我从自定义组件导出时，我将它包装在 GoogleApiWrapper 包装器中（根据 google-maps-react 文档），但没有它它就无法工作。我尝试查看包装类，但看不到任何我可以用来提供帮助的东西。

我可以尝试编辑 div 内容，或者让有用的内容 div 访问父母的父母属性，但我不确定如何。google-maps-react Map 组件具有 style 和 containerStyle 属性，但是它们属于非问题子元素。如果我能提供帮助，我也不想计算代码中的大小并将其传递给 containerStyle（尽管这会起作用）。

任何想法将不胜感激！

格雷格

编辑：

好的，所以我设法通过编辑模块代码来删除 div。问题与div无关！

考虑关闭，但一旦解决可能仍会更新。

所以我有一个使用google-maps-react包的 React 组件redux

现在问题是我需要一起connect()导出GoogleApiWrapper。我用谷歌搜索了一下，发现有人这样做：

Maps类名在哪里。

不幸的是，我收到了这个错误： TypeError: Object(...)(...)(...) is not a function

这是从该行返回的GoogleApiWrapper

有谁知道为什么会这样？他们分开工作但不一起工作

所以 我<Marker />正在渲染一堆由google-maps-reactgoogle-maps-react<Link />react-router-dom

这就是我把它放在一起的方式：

我尝试window.location改用，但这会重新加载页面，我不希望这样。

我在上面的代码中遇到了这个错误，这对我来说真的没有意义：

有了这个，我尝试实现一个可点击<Marker/>的，它将呈现另一个元素。可以通过转到Route代码示例中的当前来访问此特定元素。

使用的路线：

我有一个使用 google-maps-react api 的 react-in-rails 应用程序。该应用程序在本地运行良好，但是当部署到 heroku 时，导入 google-maps-react 的任何组件都不会呈现。由于这通常是大多数用户的登录页面，因此根本无法访问该应用程序。

删除所有导入或呈现 google-maps-react 的组件后，应用程序将正确部署。

所以我已经工作google-maps-react了几个月，一切都很好，现在只有一点我不明白。这可能就是我无法做到这一点的原因。

所以这是我的结构<InfoWindow>：

所以这很好，并向我显示了标题，但我想要更多信息。

这是我setState()的信息，当我点击 a 时触发的功能<Marker />：

我只是这样称呼它：

onClick={this.onMarkerClick}

但这是我不明白的事情，这些值 (props和marker) 来自哪里？我怎样才能在其中传递另一个值？假设我想通过m，我该怎么做？因为如果我进去m了，onClick()他会这么说props并且marker失踪了……

请指导我。