我创建了一个名为 MapContainer 的组件，我的 MapContainer.js 如下所示：

然后我将此组件导入另一个名为 Details.js 的 .js。文件很长，所以我只放了与 MapContainer 相关的部分。

...

然后在渲染部分：

我最终将其导出为：

事实证明，当我运行我的网站时，我只会得到“正在加载地图...”。发生了什么？

当我在 reactjs 中使用谷歌地图时，我发现了两个不同的 npm，比如 google-map-react和google-maps-react。因为我是反应的初学者，所以我有点困惑使用什么（更喜欢）。虽然我找到了这个链接，但它有点不同 - google-map-react和react-google-maps之间的区别

以下是google-map-react的示例代码

以下是google-maps-react的示例代码

请帮助我哪个最适合使用。

提前致谢

我在下面的 TypeScript 代码中收到错误“JSX 元素类型'GoogleMapReact'没有任何构造或调用签名.ts(2604)”。我该如何解决？

我的目标是在用户选择地址建议google-maps-react后获得 latlong 后，将地图平移到 latlng 位置。react-places-autocomplete

我在从子功能组件设置地图参考时遇到困难，以便我可以调用map.panTo(location)父功能组件。

以下是我的 Google-Maps 和 PlaceAutoComplete 子组件：

这是我的父组件，我想在其中调用 map panto 函数。

我还附上了图像以更好地可视化我的问题。

我正在尝试在 Heroku 中托管一个 Ruby on Rails / React 应用程序。同样，我正在使用包 google-maps-react ( https://github.com/fullstackreact/google-maps-react )。一切都在本地工作，但是当我推送到 heroku 时，没有任何显示，并且控制台中出现此错误：

当我单击错误堆栈的顶行时，它是这样的：

在哪里t被尝试作为函数调用？当没有任何尝试调用函数时，我无法弄清楚该错误可能来自哪里t()。

任何人都知道可能发生了什么？

我正在使用 google-maps-react 和 hook (react) 。

但是我有一个我无法解决的问题。

我期望在执行 HomContainer.tsx 的 onAddressSubmit 函数时创建一个新标记。

但是没有创建新的标记（没有渲染？）

函数地址提交

setCoordinates 部分正常执行并存储在 state 中。

但是，激活 toMarker 后，地图上不会创建新的标记。

你能找到解决方案吗？

它也缺少很多关于使用 useEffect 的内容。

你能指出代码吗？

感谢您阅读我的代码。

（我英语不太好……对不起！！！）

索引.tsx

容器.tsx

演示者.tsx

我是 React 的新手，我正在尝试从外部数据库获取坐标以在谷歌地图上放置标记。我曾尝试使用 Fetch API 来获取坐标，但它返回一个承诺，因此地图在呈现之前不会获取坐标。我使用以下代码：

我已经替换了 API_KEY 和 DATABASE_URL_COORDINATES。我得到的错误信息是：

我将不胜感激任何反馈！

我正在尝试使用 ionic 和 reactjs 构建应用程序。想要显示谷歌地图并安装了 google-maps-react 包。但是，以下示例会引发错误

绑定元素“文本”隐式具有“任何”类型。TS7031

我有一份技术人员列表，我需要这些技术人员来获取某个位置之间的个人驾驶时间。我一直在使用脚本在其中执行此操作，Google Sheets但我宁愿在我的 Web 应用程序中进行计算。这里当然有一些问题。一个是我不能只在 for 循环中发出这些请求而没有某种延迟，否则我会得到一个over_query_limit错误。另一个问题是我想要一种方法让用户知道所有请求都已完成，这就是我坚持的部分。我目前正在使用google-maps-reactnpm 包来完成此操作。

这是我目前拥有的：

这段代码可以很好地延迟请求，这样我就不会再收到错误了，但是很高兴知道所有请求何时完成，这样我就可以通知用户了。谢谢！

我正在使用google-maps-react包创建 Google 地图并使用 Marker 创建标记。

我的问题：如何在标记下方添加标记标签？现在我让它显示一个标题，但它在标记的顶部。

除了自定义标记图标之外，我有我现在拥有的内容与我正在尝试完成的内容的屏幕截图。

这是我创建标记的功能。

};

然后这是我的渲染来显示地图然后调用显示标记函数。

}

这是我现在的标记

这也是我想要得到的。不需要所有样式，只需要下面的文本