javascript - 在 React 应用程序的 Util 文件中初始化 Google map

Question

我在 React 应用中使用 Google Maps，并在 util 文件中处理所有 Maps API 内容。

在我的 index.html 页面中，我链接到 Google Maps 库 - 如下所示:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=my_api_key"></script>

我遇到的问题是，在我的 util 文件中，我收到“google 未定义” 错误 - 请参阅下文。

我该如何处理这个问题？我正在链接到 Google Maps 库，因此我认为我无法导入任何内容，因为它不是 npm 包。

Answer 1

尝试添加窗口作为前缀:

const map = new window.google.maps.Map(document.createElement('div'));