提供 API 密钥时，Google 地图将无法工作答案

【问题标题】：Google Maps won't work when API key is provided提供 API 密钥时，Google 地图将无法工作
【发布时间】：2015-01-27 21:52:06
【问题描述】：

我正在警觉地说：

Google 已禁用此应用程序的 Maps API。这提供的密钥不是有效的 Google API 密钥，或者未经授权用于本网站上的 Google Maps Javascript API v3。如果你是此应用程序的所有者，您可以了解如何获取有效密钥这里： https://developers.google.com/maps/documentation/javascript/tutorial#api_key

使用带有 API 密钥的 Google 地图时。

我做了什么：

1.使用设置“允许任何引用者”创建新的 API 密钥。

2.部署在我的本地网络服务器上，来自文档的 Hello World 示例：

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: { lat: -34.397, lng: 150.644},
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
<div id="map-canvas"></div>
  </body>
</html>

3.用新生成的密钥替换API_KEY。

当我访问此类页面时，我会收到警报。我该如何解决？

【问题讨论】：

您必须在 API-console 中启用 maps-javascript-API

标签： google-maps google-maps-api-3

【解决方案1】：

正如莫勒博士所说：问题在于没有在控制台中启用 maps-javascript-API。

【讨论】：