Javascript 从隐藏分区调整Google地图大小时遇到问题

我一直试图避免在这里问这个问题，我一直在寻找解决方案，但最终没有运气解决我目前的问题。目前，我有两个输入文本字段，分别获取两个位置，然后将其显示在谷歌地图上。好的，我可以这样做，但是我希望在点击按钮后，地图从顶部向下滑动，但现在地图的高度略大于其原始容器，并且没有正确缩放，但是，如果我再次点击同一按钮而不刷新页面，然后，地图将重置到其容器中，并显示路线，没有其他问题

注意：再次按下显示按钮之前，地图存在各种各样的大小调整问题，可以在本图中看到：

据我所知，我需要拜访

google.maps.event.trigger（映射，'resize'）

但我个人认为我在地图加载之前打错了电话。我不完全确定还有什么可以做的，所以我非常感谢你的帮助

我的Javascript/jQuery（显示地图并尝试调整大小位于最底部）：

---

我最终发现了问题所在。因此，我的HTML中有一个空div，但该div需要放在另一个div容器中，如下所示：

<div id="dv">
  <div id="dvMap">

  </div>
</div>

---

map

是全局变量吗？如果没有，函数

$（“#slide”）可能不知道它。单击（function（）{

是的，它实际上是一个全局变量，因为我在GetRoute（）函数之外有它。请提供一个示例来说明该问题（包括任何必需的HTML/CSS）这是怎么被否决的？我已经提供了必要的代码，甚至是问题的图片。HTML是一个空div…继续添加HTML和CSS。

<div id="dvMap">

</div>

#dvMap {
  width: 100%;
  height: 300px;
  margin-top: 48px;
  display: none;
}

<div id="dv">
  <div id="dvMap">

  </div>
</div>

$("#slide").click(function() {
  $("#dv").slideDown("slow", function() {
    document.getElementById('dv').style.display = "block";
  });
});