问题标签 [google-map-react]

我知道这个主题有很多问题，但我找不到答案......我使用 Next.js，我想在我的网站上显示带有标记的地图。我为此使用 google-map-react。谷歌地图的功能是显示而不是内容，我不知道为什么。我有一个键，标记的文本是显示的，但不是地图。他们没有错误......有人可以帮助我吗？

图片

在这里你可以看到我的代码：

在 React 中，我正在尝试使用 google-map-react 库将 onClick 事件点作为地图上的标记指向新位置。我的地图正在显示，我在地图上有一个按钮，但我不确定如何在地图上制作一个标记指向我拥有的新坐标。google-map-react 上的文档不是很有帮助。我尝试使用 onChildClick 参数设置新坐标，如下面的代码所示，但它不起作用。以下是我的一段代码

我想在地图上的标记周围画一个多边形，请帮我实现它。谢谢

我需要帮助在谷歌地图中的标记周围绘制多边形

应用程序.js 文件

这个组件正在返回这个——

Map.jsx 文件

当第一次构建代码时，这个工作正常地图显示我的位置但是当我刷新它时，坐标设置为 {lat: 0, lng: 0}

当我在构建后第一次运行代码时，开发者控制台输出：（此输出仅在代码构建后显示一次）</p>

当我刷新选项卡并再次运行它时

我在我的反应应用程序中为地图使用google-maps-react库，并且我在我的应用程序中添加搜索地址功能并面临 CORS 错误。

错误：

自动完成.js

谷歌地图组件：

我正在关注这篇文章以将 Google 地图与搜索集成

我有一个状态变量加载。如果是真的，那么我想展示 Loader。如果它是假的，那么我想显示谷歌地图。

现在的问题是，在 google-map-react 中，地图加载完成后如何设置变量。

我正在使用 google-map-react NPM 包来创建谷歌地图和标记。我想添加谷歌可见标记来代替图像。

版本：“反应”：“^17.0.2”，“谷歌地图反应”：“^2.1.10”，

问题：我们如何将默认的谷歌地图标记添加到地图中？

需要使用 google-map-react 从 json 对象中基于价值介质在热图中创建多个颜色标记很容易，这是 react.js 中用于此的包。这是我目前正在处理的代码有什么想法因为那样做。我需要在热图上添加 3 种颜色。

我正在使用带有指针的 google-map-react 显示地图，用户使用该指针指向它的当前位置，我试图找到一种方法来获取所选地址名称。

例如，如果用户将地图上的指针移动到特定街道，我想要那个街道号码、城市和国家名称。

google-map-react 是否有可能以及我如何实现这一点，或者我应该使用另一个 api 吗？