Javascript 错误:使用谷歌地图API的AGM地图中存在APITargetBlockedMaperor

Javascript 错误:使用谷歌地图API的AGM地图中存在APITargetBlockedMaperor,javascript,google-maps,google-maps-api-3,angular8,angular-google-maps,Javascript,Google Maps,Google Maps Api 3,Angular8,Angular Google Maps,我尝试将谷歌地图包含在多个位置 对于一个位置,Iframe工作正常。我不知道如何在Iframe中实现多个位置。所以我试着用AGM。同样的APIKey Im也用于AGM。但是得到的错误是谷歌地图JavaScript API错误:APITargetBlockedMaperor 这是我的IFrame代码 对于AGM,添加钥匙输入模块 AgmCoreModule.forRoot({AgmCoreModule.forRoot({ apiKey: 'MY_APIKEY', }) &l

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

对于一个位置,Iframe工作正常。我不知道如何在Iframe中实现多个位置。所以我试着用AGM。同样的APIKey Im也用于AGM。但是得到的错误是谷歌地图JavaScript API错误:APITargetBlockedMaperor

这是我的IFrame代码

对于AGM,添加钥匙输入模块

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>
AgmCoreModule.forRoot({AgmCoreModule.forRoot({
阿皮奇:“我的阿皮奇”,
}) 

请注意,AGM使用的是JavaScript API,而不是嵌入API(您在iframe中调用的API没有问题)

如果使用相同的API键调用两个API,则可能会出现此问题

这意味着:

Maps JavaScript API尚未获得所用API密钥的授权。 请在中检查API密钥的API限制设置 谷歌云平台控制台

因此,首先确保JavaScript API在您的项目中,然后检查它是否列在您的API密钥下


希望这能有所帮助!

我在使用一个已经有权使用
JavaScript API
的密钥时遇到了同样的错误。结果表明,Google已经更改了服务所需的权限,但没有更改错误消息;我必须让密钥访问
Places API
,并修复了错误。

以防被使用对一些人来说,我遇到了同样的问题

  • 转到Google云平台中的凭据选项卡
  • 然后单击“映射>可以看到API限制的下拉菜单”
所有
Maps[…]API
都已启用,但有些mapsapi的名称中不包含“Maps”,我只是添加了它们