Javascript 地图未加载-尝试加载Google Maps API for Web时显示灰色屏幕_Javascript_Php_Google Maps_Google Maps Api 3_Google Api

Javascript 地图未加载-尝试加载Google Maps API for Web时显示灰色屏幕

javascript php google-maps google-maps-api-3 google-api

Javascript 地图未加载-尝试加载Google Maps API for Web时显示灰色屏幕,javascript,php,google-maps,google-maps-api-3,google-api,Javascript,Php,Google Maps,Google Maps Api 3,Google Api,我看到的不是地图，而是一个灰色的屏幕，下面有谷歌的签名我遵循了此链接上的说明：此外，我还根据需要创建了一个服务器密钥，并将其分配给我的index.php页面我如何解决这个问题谢谢编辑： <script> var map; function initMap() { map = new google.maps.Map(document.getElementById('googleMap'), { center: {lat: -34.397, lng:

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

我遵循了此链接上的说明：

此外，我还根据需要创建了一个服务器密钥，并将其分配给我的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>


var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'googleMap'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8
});
}
函数loadScript（）
{
var script=document.createElement（“脚本”）；
script.type=“text/javascript”；
script.src=”http://maps.googleapis.com/maps/api/js?   
key=AIzaSyAfUAdasdaoBE9PzjWRJ3MRlcSaYh0&callback=initMap”；
document.body.appendChild（脚本）；
}
window.onload=loadScript；
.
.
.

如果我将你的代码复制/粘贴到一个新的html文件中，唯一的错误就是谷歌地图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>


var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'googleMap'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8
});
}
函数loadScript（）
{
var script=document.createElement（“脚本”）；
script.type=“text/javascript”；
script.src=”http://maps.googleapis.com/maps/api/js?key=AIzaSyAfUA7aWeXe4fxoBE9PzjWRJ3MRlcSaYh0&callback=initMap";
document.body.appendChild（脚本）；
}
window.onload=loadScript；

请显示您的代码…将其复制（升华）以尝试查看，但我没有任何空格。是的，结果相同。好的，请告诉我您浏览器的javascript控制台中是否有错误？我找到了问题的根源，是引导的CDN。我找到了问题的根源，是引导的CDN。若我移除它们，那个么问题就解决了