Google maps 带有列计数css属性的div中的Google地图导致地图不可用

我将在一个div中嵌入一个带有javascript api v3的googlemap，该div使用column count css属性拆分为列。当贴图位于第一列时，它会工作，但如果它是另一列中的后续元素，则贴图平铺不会显示

第一列中有工作映射的代码笔：

结束图
小装置
小装置
小装置
地图：
小装置

第二列中地图断开的代码笔：

小装置
小装置
小装置
地图：
结束图
小装置

感谢您的帮助

编辑：

---

我只需要在Chrome中使用它，因为它被嵌入chromecast应用程序中。如果我的所有项目都没有IE支持就好了……：）

我在第二个代码笔（至少在Chrome中）中看到了一张地图，您认为哪些浏览器存在问题？@geocodezip有趣！我使用的是Chrome版本50.0.2661.49。下面是我的截图：我也在49.0.2623.108中测试了它，但地图不起作用。介意分享一下你使用的版本吗？51.0.2689.0金丝雀（64位）你说得对！！我安装了Chrome51.0.2687.0dev（64位），它可以正常工作。现在来找出原因。。。

  <div class="widgets-holder">
    <div id="map"></div>
      END MAP
    </div>
     <div class="widget">
      WIDGET
    </div>
    <div class="widget">
      WIDGET
    </div>
    <div class="widget">
      WIDGET
    </div>
    <div class="widget">
      MAP:

    <div class="widget">
      WIDGET
    </div>
  </div>

  <div class="widgets-holder">
     <div class="widget">
      WIDGET
    </div>
    <div class="widget">
      WIDGET
    </div>
    <div class="widget">
      WIDGET
    </div>
    <div class="widget">
      MAP:
    <div id="map"></div>
      END MAP
    </div>

    <div class="widget">
      WIDGET
    </div>
  </div>