Javascript 谷歌地图API未显示（固定高度/宽度无法解决）

显示地图之前是工作的，但由于某种原因，我真的无法想象它停止了工作

以下是我的html内容：

<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=THIS_KEY_IS_CORRECT">
  </script>

以下是

映射处理程序的控制台日志：

ug{{u gm:Yf，W:undefined，映射类型：Object，features:Object，overlymaptypes:uu.td…}

因此，
map\u处理程序实际上返回了一些东西

正如我所说，这过去是有效的。出于某种原因，它不再是了

知道为什么吗

非常感谢。
虽然这不是您问题的主要来源，但请注意，您不能依靠
setTimeout
来告诉您何时加载了google maps JS API。使用回调：

<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=THIS_KEY_IS_CORRECT&callback=myMapIsReady">
  </script>



然后

<script>

 var myMapIsReady = function() {
            console.log("Running init map");
            var map_div = document.getElementById("map");
            var map_handler = new google.maps.Map(map_div, map_options);
            console.log(map_handler);  
 };

</script>


var myMapIsReady=函数（）{
log（“运行初始化映射”）；
var map_div=document.getElementById（“map”）；
var map\u handler=new google.maps.map（map\u div，map\u选项）；
log（映射处理程序）；
};

问题是，你为什么说这不管用它是如何工作的？你在屏幕上看到了什么

一个提示可能是什么是
map\u options
您没有显示它的定义位置，如果您初始化一个没有中心对齐/缩放的google地图，您将只看到一个灰色块。
什么是
map\u options
？请提供一份说明问题的报告。
<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=THIS_KEY_IS_CORRECT&callback=myMapIsReady">
  </script>

<script>

 var myMapIsReady = function() {
            console.log("Running init map");
            var map_div = document.getElementById("map");
            var map_handler = new google.maps.Map(map_div, map_options);
            console.log(map_handler);  
 };

</script>