Question

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

我按照此链接上的说明操作：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>

Answer 1

如果我将您的代码复制/粘贴到新的html文件中，我得到的唯一错误就是Google Maps网址中的奇怪空间。当我压制它时，它起作用：

<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>

地图未加载 - 尝试加载Google Maps API for Web时的Greyed Screen

1 个答案: