问题标签 [google-maps-react]

我试图通过从数据库中获取半径来更改我的谷歌地图。现在我只得到“初始状态”半径，之后很难在地图上整体更新它。这与更新用户的位置也是同样的问题（我认为）。我正在使用 Firebase、React 和 Javascript。

这是我的地图代码：

我正在使用 google-maps-react 库添加一个带有标记的谷歌地图，这些标记会随着状态变化而更新。

我想在从 Google 的 place api 获取位置并将它们存储在状态后动态添加标记。我获取数据，将其添加到状态，然后调用 displayMarkers：

状态正在更新，但标记未出现在地图上。

阅读 google-maps-react 的文档，在我看来，标记必须是 map 的子级才能覆盖到地图上。

标记 要在地图上放置标记，请将其作为组件的子项包含在内。

有没有办法将 Marker 作为 Map 的子级返回？

在 google maps API 中，您似乎可以这样做：

您传入值映射，这是您希望标记附加或覆盖到的映射。道具“地图”存在于 google-maps-react 但 Marker 中似乎没有接受地图的属性。

Im new with react and i have created a react project. I would like to know how i can use this default starter project to implement the code from: code link from google. The code is as the following, credit to google, linked above.

I understand i need to create my key with google maps js and google places, however since Im new to react I'm unsure to how i could implement this into my new react project. Coudl some one show me how these files of code could be put together to be fit for a react project please. I apologies if i sound all over the place.

我正在为我的项目使用谷歌地图反应库来显示企业的位置，单击标记我可以打开信息窗口，但是单击地图 div 之外的该标记的列表项时我无法打开信息窗口，因为我从上周开始就一直坚持这一点，并且无法在 google-maps-react 的文档中找到有用的东西。我的代码是

对于地图和列表

这里 onMarkerClick 打开标记上的信息窗口和函数 onSelectPlace 我想在地图中打开信息窗口它工作正常但在列表项中单击它不在这里输入图像描述

所以我在这个文件中使用了 TypeScript。

但是，MapContainer 在最后一个函数出现错误：

这有点令人沮丧。我不明白他们在寻找什么。我能够让地图与 JSX 一起工作，但不能与 TSX 一起工作。我尝试将道具分配给 MainContainer 但它不会改变任何东西..

我正在使用 Google Maps React API。我不确定我做错了什么，但是当我尝试使用 Axios 更新时，纬度和经度仍然为 0、0。

基本上，我不知道如何使用 MapContainer / GoogleMaps 来获取道具，所以我在这个类中使用 axios 来设置状态的纬度和经度。我在另一个文件夹中确实有相同的经度和纬度，所以这是我的一个选择，但我现在不介意这样做。但是，坐标保持在 (0, 0)。我是否混淆了执行此操作的顺序或其他内容？

编辑：顺便说一句，即使其他州更新，地图本身也不会更新

我已经使用 initMap() 函数在 react js 中渲染谷歌地图。我想更新地图点击事件的状态。我的问题是，当我在 initMap() 函数中使用 this.setState() 时，会出现TypeError 错误：无法读取未定义的属性“setState”。请建议我可以用另一种方式实现吗。

如果我使用单击功能将折线添加到地图中：

那么我如何确定它被点击的位置呢？我可以看到props.mapCenter，但这不会根据我单击的位置而改变，它只是地图的中心。

我正在使用 google-maps-react 库，我想在 google 地图上添加自定义控件，如按钮、输入元素等。请看我想要的图像。

嗨，我在标记与折线之间有连接，比如这个 Image 。我在这里附上一个样本。

我添加了带有标记的折线。我在“点击”事件上绘制折线和标记。基本上标记带有编号的路径。我实际上想要什么 - 我能够分别编辑折线和标记，但我想将标记与折线绑定。当我拖动标记折线时，也应该用标记拖动。你可以看看我的代码