错误：使用 Google Map API 的 AGM 地图中的 ApiTargetBlockedMapError

Question

我试图将谷歌地图包含在多个位置。

对于一个位置 Iframe 工作正常。我不知道如何在 Iframe 中实现多个位置。所以我尝试了 AGM。我也将相同的 APIKey 用于 AGM。但收到 Google Maps JavaScript API 错误的错误：ApiTargetBlockedMapError 。

这是我的 IFrame 代码

<iframe src="https://www.google.com/maps/embed/v1/place?q=11.0443324,77.04292389999999&key=MY_APIKEY" width="98%" height="100%" frameborder="0"></iframe>

对于 AGM 在 NgModule 中添加密钥

AgmCoreModule.forRoot({AgmCoreModule.forRoot({
     apiKey: 'MY_APIKEY',
     })
<agm-marker *ngFor="let loc of mSupplierLocationList" [label]="loc.label" [latitude]="loc.latitude" [longitude]="loc.longitude" >
</agm-marker>
</agm-map>

原文由 nayan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我遇到了同样的错误，同时使用已经有权使用 JavaScript API 的密钥。原来谷歌更改了服务所需的权限，但没有更改错误消息；我必须授予访问 Places API 的密钥，它修复了错误。

原文由 FlipperPA 发布，翻译遵循 CC BY-SA 4.0 许可协议