Google Maps Api Key 如何在我的 html 中工作？答案

【问题标题】：How Google Maps Api Key can work in my html?Google Maps Api Key 如何在我的 html 中工作？
【发布时间】：2018-09-03 17:21:43
【问题描述】：

我创建了一个带有在线谷歌地图的网站（在 javascript 中）。我从谷歌地图中获取了一个 api 密钥，但它不起作用，因为每次我打开浏览器时，我都会收到一个带有无法加载消息的图像正确的 Google Mps。你知道吗，我应该在 Google Map Api 的设置中使用 HTTP 引荐来源网址或 API 库吗？

【问题讨论】：

你确定你的 html 页面中有一个有效的密钥设置吗..
您是否启用了信用卡结算功能？
当没有提供 google maps apikey ..in googlemaps api 调用时，会出现“for development porpouse only”消息
是的，我的密钥已启用，我在谷歌地图设置中看到了它。我在我的 js 中调用它是对的。也许问题是我没有在谷歌地图的设置中插入 http 引荐来源网址？那是什么？？
当你获得了谷歌地图密钥？ ..你确定在你的HTML页面中你有谷歌地图键的适当脚本部分，例如：<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=visualization">

标签： javascript google-maps http google-maps-api-3 api-key

【解决方案1】：

Google 的新计费和定价模型要求您添加信用卡才能使用免费的 API。显示代码示例的文档/教程页面将提供一个密钥，但在您添加账单信息之前它不会起作用。

如果您使用静态地图的 Javascript API，它不再免费，但您可以使用提供的每月 200 美元的信用额度。它应该允许您每月加载超过 1 万张地图。

https://cloud.google.com/maps-platform/pricing/sheet/https://developers.google.com/maps/documentation/javascript/tutorial

【讨论】：