谷歌地图错误“opps出了点问题” - html和javascript答案

【问题标题】：error with google maps "opps something went wrong " - html and javascript谷歌地图错误“opps出了点问题” - html和javascript
【发布时间】：2019-04-07 11:57:30
【问题描述】：

仍然收到“抱歉！出了点问题。此页面未正确加载 Google 地图。有关技术详情，请参阅 JavaScript 控制台。”在我输入 API 密钥后

!DOCTYPE html>
    <html>
      <head>
        <title>Simple Map</title>
        <meta name="viewport" content="initial-scale=1.0">
        <meta charset="utf-8">
        <style>
          /* Always set the map height explicitly to define the size of the div
           * element that contains the map. */
          #map {
            height: 100%;
          }
          /* Optional: Makes the sample page fill the window. */
          html, body {
            height: 100%;
            margin: 0;
            padding: 0;
          }
        </style>
      </head>
      <body>
        <div id="map"></div>
        <script>
          var map;
          function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
              center: {lat: -34.397, lng: 150.644},
              zoom: 8
            });
          }
        </script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDli7-1WRjUXMACkIg7H9ZFNakF1wiOORo&callback=initMap"
        async defer></script>
      </body>
    </html>

【问题讨论】：

您刚刚在此处发布了您的 API 密钥吗？您的帐户会被锁定吗？
不，我之前没有在这里发布 API 密钥，我现在才发布它，因为我不知道为什么我仍然收到 opps 错误...在我插入了API 密钥。有什么建议我错过了什么吗？
我刚刚用我的 API 密钥检查了你的代码，它工作正常。检查您的 api 密钥或从您的帐户重新生成您的 api 密钥。希望对您有所帮助...
我仍然遇到同样的错误，我重新生成了一个新密钥并尝试了多个 web 浏览器

标签： javascript html

【解决方案1】：

通配符和 IP 存在问题

目前在使用使用通配符和 IP 的限制时似乎存在一个全球性问题。如果您使用的是 IP 或通配符，请将其替换为实际域名，不带通配符或根本没有任何限制。

如果您不限制它，请确保您的 API 在网站上正确实施并且您尚未达到配额。

【讨论】：

这种情况还在发生吗？你有任何链接吗？我们遇到了这个问题，但只针对少数客户，无法弄清楚出了什么问题。
它在我的两个网站上运行，但在一个客户网站上仍然存在问题。我最近联系了他们，要求他们使用新密钥重试。一旦他们这样做了，我会更新这个评论。 hairboutique.co.uk
我们的只是间歇性的。这是你注意到的吗？