小编Goo*_*n L的帖子

我有一个使用 Google Maps JavaScript API 加载器的 Vue CLI 项目。我使用下面的代码导入加载器：

import { Loader } from "@googlemaps/js-api-loader";

之后，我定义了加载器，如下所示：

const loader = new Loader({
  apiKey: "XXXXX",
  version: "weekly",
  libraries: ["places"]
});

现在，当我尝试使用 google.maps.Map 对象显示地图时，我收到一条错误消息，指出“google”未定义。上面的所有代码都位于项目的“src”目录中的“main.js”文件中，下面的代码是最后一点，不幸的是，它触发了错误。

loader.load().then(() => {
  map = new google.maps.Map(document.getElementById("map"), {
    center: { lat: -34.397, lng: 150.644 },
    zoom: 8,
  });
});

我究竟做错了什么？

PS 我按照 Google 文档中的说明使用 npm安装了@googlemaps/js-api-loader 。