商业 API 密钥不起作用：此页面无法正确加载谷歌地图答案

【问题标题】：a commercial API key did not work: This page can't load google maps correctly商业 API 密钥不起作用：此页面无法正确加载谷歌地图
【发布时间】：2019-08-22 18:21:35
【问题描述】：

我用了一个新密钥，得到：

“此页面无法正确加载谷歌地图”

这到底是什么意思？

<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&libraries=places" async defer"></script>

这是来自商业帐户的密钥。

【问题讨论】：

javascript 控制台告诉你什么？请提供一个 minimal reproducible example 来证明您的问题，或提供有关该问题的更多详细信息。
你得到的错误是这个：developers.google.com/maps/faq#api-key-billing-errors
您需要为您的项目启用计费功能，地图 API 才能正常工作。
我们确实启用了计费并选择了“Javascript GoogleMap API”
我们还在谷歌云平台“APIs & Service”页面下的“应用限制”部分设置了“无”。我们甚至将密钥设置为不受限制

标签： google-maps

【解决方案1】：

对于遇到此“此页面无法正确加载谷歌地图”错误并在 JavaScript API 脚本中添加 Places library 的任何人，即：

<script src="https://maps.googleapis.com/maps/api/js?key=KEY&libraries=places"></script>

您必须启用 Places API。仅启用 JavaScript API 是不够的。参考Google's documentation：

在 Maps JavaScript API 中使用 Places 库之前，首先确保在 Google Cloud Platform 中启用 Places API 控制台，在您为 Maps JavaScript API 设置的同一项目中。

希望这会有所帮助。

【讨论】：