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

时间:2019-12-05 04:50:04

标签: javascript google-maps google-maps-api-3 angular8 angular-google-maps

我试图包括多个位置的Google地图。

对于一个位置,iframe运行正常。我不知道如何在iframe中实施多个位置。所以我尝试了AGM。同样的APIKey Im也用于AGM。但是出现 Google Maps JavaScript API错误:ApiTargetBlockedMapError

这是我的iframe代码

datUser

对于AGM,在NgModule中添加密钥

<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>

3 个答案:

答案 0 :(得分:0)

请注意,AGM使用JavaScript API。未嵌入API(您在iframe中正常调用的API)。

如果您使用相同的API密钥来调用这两个API,则可能是问题所在。

ApiTargetBlockedMapError的意思是:

  

未授权Maps JavaScript API使用的API密钥。   请检查API密钥中的API限制设置   Google Cloud Platform控制台。

因此,首先请确保您项目上的JavaScript API是enabled,然后检查它是否在API密钥的API restrictions下列出。

希望这会有所帮助!

答案 1 :(得分:0)

我在使用已经被允许使用JavaScript API的密钥时遇到了同样的错误。事实证明,Google已更改了服务所需的权限,但未更改错误消息。我必须授予对Places API的密钥访问权限,并且它可以修复错误。

答案 2 :(得分:0)

如果这对某些人有用,我遇到了同样的问题。

  • 转到 Google Cloud Platform 中的凭据标签
  • 然后点击地图 > 您会看到 API 限制的下拉菜单

所有 Maps [...] API 都已启用,但某些 Maps API 的名称中不包含“地图”,我只是添加了它们。