Question

我是Google地图的新手。我添加了以下代码来显示它：

Ast

在我研究的范围内，它要求提供我认为必须购买的钥匙。任何人都可以请指导如何解决此关键问题，或者还有其他方法可以用来在网站上显示地图。我确实已经从Google云平台创建了密钥，并将其放置在所需的位置，但是代码只是显示了一幅地图，然后消失了，给出了密钥错误。预先感谢。

Answer 1

由于您已经从Google Cloud Platform Console生成了API密钥，请确保以下几点：

A 。像下面显示的示例一样，包含来自GCP控制台的API密钥：

<script async defer src="https://maps.googleapis.com/maps/api/js?key=Aiza*******&callback=initMap"></script>

B。。请确保您具有与您的API密钥所属的项目相关联的有效结算帐户。

如果您未启用计费帐户，则每天只能加载一次地图。
不要害怕添加您的计费帐户，因为除非升级您的计费帐户，否则不会向您收费。
启用结算帐户后，您将获得一次性$ 300的免费信用（可用于Google Cloud Platform产品）和每月的定期性$ 200的免费信用（仅适用于Google Maps Platform），以防您耗尽免费积分，您将收到OVER_QUERY_LIMIT错误，并且不会被收取费用。如果您不希望中断使用，可以升级您的结算帐户，并在消耗完所有免费积分后相应地向您收费。

注意：也请确保同时启用Maps Javascript API。

Answer 2

尝试从以下资源中删除关键参数。

<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap">

它将在开发环境中渲染地图。因此，您可以在开发模式下进行所需的开发。

我已经开发了没有完美运行的关键参数（开发环境）的Google Map Web应用程序。

该地图将显示仅在开发环境中用于开发目的的消息。