Javascript 尽管事件侦听器是通过AJAX创建的，但Google maps API没有调整大小

我目前正在使用谷歌地图api生成地图，地图没有调整到div大小。相反，很多灰色区域正在出现，我希望有人能在这里帮助我

以下是生成地图的代码：

<div class="map" style='width: 750px; height: 200px;'></div> 

这是触发地图显示的javascript：

$(".price").on('click', function() {
    $(".price, .question3, .bk2category").fadeOut( function() {


      var black = setTimeout(function() {
        $(".output, .question4, .output1")
          .delay(500)
          .show()
          .animate({left:"+15", opacity: 1}, 1000);
      }, 1000);

      $(".blackness").fadeOut();
      $("#foo").fadeOut("slow")
    });
  });

---

嘿，伙计们，我知道了！我注意到，在我移动浏览器之前，地图不会调整大小。所以我决定在javascript中设置地图渲染的延迟。现在它工作了

代码如下：

setTimeout(function() {
            initialize()
          }, 3000)

---

谢谢大家的帮助！：）

你把多少张地图放在一个分区？您正在使用var map=new google.maps.map（$（“.map”）[i]，mapProp）；Hey@AntoJurkovićI将每个地图放在各自的分区中。参考编辑查看整个部分。不知何故，这毫无意义，地图应该完全可见。div最初是隐藏的吗？@Dr.Molle保存地图的div最初是隐藏的。我在上面添加了css和javascript。谢谢你的帮助！

.wrapper .output,
.wrapper .output1,
.wrapper #blackness {
    display: none;
}

$(".price").on('click', function() {
    $(".price, .question3, .bk2category").fadeOut( function() {


      var black = setTimeout(function() {
        $(".output, .question4, .output1")
          .delay(500)
          .show()
          .animate({left:"+15", opacity: 1}, 1000);
      }, 1000);

      $(".blackness").fadeOut();
      $("#foo").fadeOut("slow")
    });
  });

setTimeout(function() {
            initialize()
          }, 3000)