问题标签 [google-map-react]

我是 React 和谷歌地图的新手。我正在使用google-map-react将 Google 地图集成到我的 React 应用程序中。我能够成功加载地图并添加标记。

但是在尝试添加 SearchBox 时出现错误。我遵循了此处的文档SeachBox Documentation以及问题线程GitHub issue。但我仍然收到错误消息。这段代码有什么问题？

这是我的代码

应用程序.js

搜索框.js

我已经粘贴了完整的代码，因为我不确定我哪里出错了。

我正在使用 google-map-react 并希望能够动态更改位置和半径。目前选择的半径存储在数据库中，并使用 getRadius() 函数获取，但我不知道如何以及何时调用它，因此半径始终显示为 1000 米。

我试过使用 setRadius 方法，但我不知道如何从 apiIsLoaded 函数外部访问它。请帮忙！

我正在使用 google-map-react 在地图上显示一些标记，当用户单击标记时，一些信息会显示在使用 Reactstrap 制作的自定义弹出窗口中。但问题是当市场靠近地图边缘时，弹出框会显示在地图之外。当弹出窗口没有空间时，有什么方法可以自动平移地图？谢谢。 您可以检查随附的 gif 以获得正确的理解

我检查了其他答案，似乎此错误消息意味着我向 InfoWindow 提供了多个子反应元素，但我不知道我是如何做到的。如果错误消息被定向到带有所有标记子元素的 Map 是有道理的，任何帮助将不胜感激

我在一个组件中使用谷歌地图，在主组件中发送道具（坐标作为数组），最后第二个组件（地图）收到了这个，我想在地图上显示新位置。

不幸的是，这不起作用，坐标正确更改并且组件（地图）正确接收但没有刷新。因为当尝试这个时，地图是白色的（空的），没有什么可显示的

我怎样才能做到这一点？

主要部件

• Lat 和 Lng 以坐标开始，而 setState 则放置一个新的

• 不要放置整个组件，但这是我调用地图的方式

  /li>

地图组件

我使用google-map-react显示带有自定义标记的谷歌地图以显示位置。

我能否成功更改位置，其平均值，将 lat 和 lng 传递给地图组件并将标记放在新位置，但地图视图仍位于旧位置。

我如何才能以新位置为中心？

主要部件

Lat 和 Lng 以坐标开始，而 setState 则放置一个新的

不要放置整个组件，但这是我调用地图的方式

地图组件

到目前为止，基本上我有这个：

这很棒，适用于某些国家/地区。但是当我输入不lat/lng同时，缩放对于其他国家来说是完全错误的。

我想知道是否有什么聪明的办法可以调整变焦，这样基本上那个国家的大部分地区都在屏幕上。我不太挑剔，我不介意看到其他人的部分，但如果主要国家集中在中心就好了。有什么简单的方法可以解决这个问题吗？

dragend大家好，当我将标记放在地图上时，如何获得 -event 的坐标（Long 和 lat） ？我目前正在使用google-map-react渲染地图 谢谢

这是我当前要渲染的标记组件：

我使用这个组件来渲染地图。

我的实现GoogleMapReact如下所示：

但是，当我单击标记时，永远不会调用console.log()in ？markerClicked

我怎样才能简单地单击标记，因为我想在单击后显示其他信息？

我以为onChildClick会根据文档工作，但什么也没发生

最近我一直在为列表的分页而苦苦挣扎。

问题

该列表的每个元素都包含一个小地图和其他一些信息。该列表在没有分页的情况下以正确的方式显示每一行的地图，但是当该列表的大小超过约 50 个元素时（因为 Google Map 的每个实例都不轻），我会遇到性能问题。

这就是为什么我添加了一个分页系统，以便页面在所有客户端设备上都能顺利运行。问题是当我浏览页面时，列表项的内容发生了变化，但地图内容没有更新。换句话说，分页似乎可以浏览我想要显示的行，但谷歌地图实例只显示第一页的内容并且没有更新。

涉及的代码

该地图是使用以下内容创建的：

结果列表（的rows）是使用创建的：

最后分页由以下人员处理：

我不明白为什么rows不处理 Google Map 实例的内容。是因为切片吗？或者我在填充时创建它的方式rows？

在此先感谢您提供有关此的任何提示！

干杯