Google Maps JavaScript API 警告：NoApiKeys

Posted 2023-02-24

【中文标题】Google Maps JavaScript API 警告：NoApiKeys

【英文标题】：Google Maps JavaScript API warning: NoApiKeys

【发布时间】：2019-02-01 17:02:37

【问题描述】：

我们的网站给出警告提示“此页面无法正确加载 Google 地图”。 我正在使用 symfony2 的“象牙谷歌地图”包。 在控制台中，我们发现警告为“ https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys” 任何帮助将不胜感激。

【问题讨论】：

Google 需要 API 密钥才能调用 api。你必须向谷歌付费才能使用他们的 API。如果您只需要带有位置标记的交互式地图，则可以使用 iframe。

【参考方案1】：

正如错误消息所说，您需要 APIKey 来消除此错误。

您可以从https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key获取APIKey

然后将该密钥应用于您的代码，例如：

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/javascript"></script>

之后上述错误将不复存在！

【参考方案2】：

如果您不想购买 API 密钥并且只需要静态地图，则可以使用 iFrame 来执行此操作。

<div class="mapouter"><div class="gmap_canvas"><iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=university%20of%20san%20francisco&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://www.pureblack.de"></a></div><style>.mapoutertext-align:right;height:500px;width:600px;.gmap_canvas overflow:hidden;background:none!important;height:200px;width:300px;</style></div>

但我不知道这还能持续多久