地图未加载 - 尝试加载 Google Maps API for Web 时出现灰色屏幕答案

【问题标题】：Map not loading - Greyed Screen when trying to load Google Maps API for Web地图未加载 - 尝试加载 Google Maps API for Web 时出现灰色屏幕
【发布时间】：2016-09-13 16:33:26
【问题描述】：

我看到的不是地图，而是一个灰色的屏幕，下面有谷歌签名。

我按照此链接上的说明进行操作：https://developers.google.com/maps/documentation/javascript/tutorial#Audience

另外，我已根据需要为我的 index.php 页面创建并分配了一个服务器密钥。

我该如何解决这个问题？

谢谢。

已编辑：

<script>
  var map;
  function initMap() {
    map = new google.maps.Map(document.getElementById('googleMap'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });
  }


function loadScript()
 {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?   
      key=AIzaSyAfUAdasdaoBE9PzjWRJ3MRlcSaYh0&callback=initMap";

   document.body.appendChild(script);
  }

   window.onload = loadScript;
 </script>

.
.
.

<div id="googleMap" style="width:500px;height:380px;"></div>

【问题讨论】：

请出示您的代码...

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

【解决方案1】：

如果我将您的代码复制/粘贴到新的 html 文件中，我得到的唯一错误是 Google 地图 url 中有一个奇怪的空格。当我抑制它时，它会起作用：

<html>
    <body>
        <script>
            var map;
            function initMap() {
                map = new google.maps.Map(document.getElementById('googleMap'), {
                    center: {lat: -34.397, lng: 150.644},
                    zoom: 8
                });
            }


            function loadScript()
            {
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyAfUA7aWeXe4fxoBE9PzjWRJ3MRlcSaYh0&callback=initMap";
                document.body.appendChild(script);
            }

            window.onload = loadScript;
        </script>
        <div id="googleMap" style="width:500px;height:380px;"></div>
    </body>
</html>

【讨论】：

也复制了它（为了升华）尝试查看，但我没有任何空格。
是的，结果相同。
好的，请问您浏览器的javascript控制台是否有错误？
我找到了问题的根源，是bootstrap的CDN。
我找到了问题的根源，是bootstrap的CDN。如果我删除它们，那么问题就解决了