问题标签 [google-maps-react]

我正在展示一个带有有效密钥的 Google Maps React 的基本示例，但不是向我展示地图，而是向我展示了一个文本，上面写着“正在加载地图......”

控制台日志和任何内容都没有错误。

使用 google-maps-react npm 包，我可以获得对地图 dom 节点的引用，如下所示：

这很简单，因为 mapref 是在 render 方法中设置的：

然后用于设置node，然后用于新建地图。

我将如何使用地图的标记来做到这一点？标记不需要创建 dom 节点，因此我无法获得标记的引用。

我想这样做是因为我需要根据我的 redux 存储中的某个值动态更改标记的图标。我曾尝试通过道具更改图标（见下文），但它以某种方式阻止图标标记可拖动，即使可拖动设置为 true。

我怀疑事情很奇怪，因为要让谷歌的地图 api 与 react 一起工作，组件必须处理实际的 dom 节点而不是虚拟 dom 节点。

对此的任何见解将不胜感激。

如何使用 google-maps-react 在信息窗口中添加按钮？

您好，我正在编写一个 React 应用程序，我在从 google-maps-react 更改 InfoWindow 内的状态时遇到问题，上面的解决方案帮助我克服了这个障碍。

但是，现在，我想编辑 InfoWindowEx 组件中的内容时遇到了问题。使用上面的方法，我可以更改 InfoWindowEx 中文本框的状态，但是，当我单击文本框并键入时，它会让我键入 1 个字母，然后我将不得不再次单击文本框，如果我想输入下一个字母等。我认为这个问题与状态有关。

我不知道是否有解决方案，我一直在尝试很多不同的事情，但希望有人可以帮助我知道发生了什么。

这是我的 InfoWindowEx 组件：

编辑框在条件语句中呈现，它们是：

这是我的状态更改功能：

提前致谢！

我正在 React 中做一个地图项目并使用 google-maps-react api。我可以在搜索框中输入字符，但它不会过滤我的列表或标记。我怎样才能使它工作？

这是我的 App.js 的代码。我有 updateQuery 应该用在搜索框中输入的任何内容进行更新。filterItems 应该过滤所有位置。addRealMarkers 应该替换为过滤后的标记：

这是侧边栏代码。添加了另一个应该调用道具的 updateQuery 函数，然后您将在 InputBase 组件中看到更多代码：

您可以单击我的CodeSandbox 亲自查看。

我在我的项目中使用 google-maps-react。

现在我需要在地图中集成places api。

但似乎存在一些加载顺序问题，所以我收到以下错误。

错误：[react-places-autocomplete]：必须加载 Google Maps JavaScript API 库。见： https ://github.com/kenny-hibino/react-places-autocomplete#load-google-library

如果我删除地点组件，地图工作正常。

我需要两个组件一起工作。

关于如何解决这个问题的任何想法？

所以，我一直在尝试减小我在谷歌地图中使用的自定义标记的大小。我确实找到了一些与减小大小相关的属性，即https://developers.google.com/maps/documentation/javascript/reference/marker#Icon

但是，尽管我尝试它不会反映。那么，你能帮我确定我在哪里做错了吗？

因此，希望能在指出错误方面提供一些帮助。谢谢。

这是当前的图标大小

我正在编写我的第一个 React 应用程序（使用 create-react-app），并使用 google-maps-react 编写了一个地图组件。但是，地图下方的链接无法点击。

实际上，在我的网页上，这个问题只出现在中小型屏幕上，而在大屏幕上（由 materializecss 定义的小、中、大）完美运行。我试图在一个最小的工作示例上重现该问题，但没有具体化，只需使用由“npx create-react-app my-app”创建的样板代码并添加以下内容：

MapComponent.js

然后在 App.js 中：

（示例中未报告密钥，因此地图会显示带有错误消息的帧，但问题与密钥相同）。可以单击 google.com 的第一个链接并且可以工作，而第二个则不能。任何解决方案/解决方法？

所以，我一直在尝试使用谷歌地图并用标记填充我的数据并显示信息窗口。

参考看img

但是，我的目标是让页面也响应，我已经完成了很多事情，但是让 infowindow 响应是一个问题。

我的目标是在点击事件时全屏显示信息窗口。但目前它是一个愚蠢的。

请参阅 img 以供参考

那么，如何让我的信息窗口在点击时显示全屏。

感谢并感谢您的帮助。

编辑：我的代码

所以，我一直在努力设计我的地图。但是，踩到了障碍，比如要怎么去掉邻国的名字。所以，我的工作重点只在印度。此外，如何不让地图在印度边界之后缩小，因为它现在一直缩小。

参考见img

家

我正面临这个问题，我相信很多其他人在经过一番搜索后都面临着这个问题。我正在尝试手动安装 Google maps IOS SDK 而不是 pods 方法。任何与 pod 有关的解决方案都不适合我。我能够渲染地图，但是当我提供“provider google”时，它会抛出错误。我需要谷歌地图而不是苹果地图。到目前为止我做了什么：

我的 package.json 片段：

我正在关注这个文档，除了一些小的调整之外，我认为它非常准确。

我的反应本机组件，它呈现地图。

我的 Xcode 文件层次结构：

链接的图书馆：

此外，我在构建设置中包含了标题搜索中的路径。此外，我在 Xcode 中的库下包含了 AirMaps.xcodeproj。我已经看到了更多使用 Podfile 的解决方案，但我很好奇是否有人通过解决此错误手动完成了它。我不确定我做错了什么。