Javascript 仅当我调整浏览器窗口的大小时，才会加载Google地图

我正在研究谷歌地图的实现，到目前为止效果很好。为了尝试和玩它，我做了一个额外的文件

您可以在此处签出地图：

我已经在那个文件中准备好了一切，我想在我的网站上实现它。我把代码复制到我的“主文件”

现在，只有在我调整浏览器大小或在文本字段中写入内容时，谷歌地图才不会加载

浏览器不会返回任何错误

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOURAPIKEY&callback=initMap&language=de">

此代码示例位于我的-标记的末尾。我知道谷歌地图需要加载异步，但我不确定它是什么，因为-我是一个初学者

谁能给我一个提示，为什么地图会这样

---

实现了所需的所有javascript文件

不过，谷歌地图似乎在显示时没有调整窗口大小

如果未显示，请尝试在地图加载时添加“调整大小”事件触发器。这与调整窗口大小的事件相同

function initMap() {
    var map = new google.maps.Map(document.getElementById('newjobmap'), options);
    google.maps.event.trigger(map, "resize");
}

---

你需要在你的问题中发布一个完整但最少的问题标记或代码示例：在此处添加代码代码代码长度为700行。如果浏览器没有返回任何错误，我应该发布什么？你想要完整的文件吗？问题是，一切正常。只有浏览器需要“重新插入？”——因为如果我调整窗口大小，谷歌地图就会出现。这是“同步”问题吗？嗨，Thu Sama，谢谢你的回答。遗憾的是，它不起作用。即使我给div一个固定的高度和宽度，地图也不会加载。你的链接工作正常。我不能复制这个错误。所以我很难看出问题出在哪里。提供一些屏幕截图或示例“不工作”代码会很有帮助。