我试图包括多个位置的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>
答案 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)
如果这对某些人有用,我遇到了同样的问题。
所有 Maps [...] API
都已启用,但某些 Maps API 的名称中不包含“地图”,我只是添加了它们。