Google 地图无法在 Angular 中工作并给出 InvalidKeyMapError 错误

Question

我刚刚安装了

agm/core

和相关的东西来使用这些命令来使用地图

npm install @agm/core --save
npm install @types/googlemaps --save-dev

然后我像这样在我的

AgmCoreModule

中导入了

module.ts

import { AgmCoreModule } from '@agm/core';

imports : [
    AgmCoreModule.forRoot({
      apiKey: 'my api key',
      libraries: ['places']
    })
]

在我的组件内部，我刚刚使用了

map

，就像这样

<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
  <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
</agm-map>

但是我收到了这个错误

Google Maps JavaScript API error: InvalidKeyMapError

我不知道为什么会出现这个错误。有谁可以告诉我一下吗

Answer 1

对于将来遇到此问题的任何人，请确保在安装 Google 地图模块后重新加载项目。