当容器大小调整时如何重绘此处地图？

今天我遇到了一个以前没有遇到或注意到的特殊问题。在 Here Maps 3.0 中设置地图时，我注意到，如果浏览器窗口“小”，小于全屏，则在加载地图期间，即使将浏览器窗口大小调整为全屏的。

如何更新此处地图的地图大小以占据分配的空间？

我的安排如下，不知道是否是相对的原因divs。我拥有它们的原因是我正在尝试具有页眉、页脚以及其他带或不带滚动条的文本的设计（如果页面上存在滚动条，则滚动地图看起来会有点紧张）。

<style type="text/css">
    #mapContainer {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: grey;
    }

    #main {
         position: relative;
         width: 100%;
         height: 100%;
    }

    html, body {
        overflow-y: hidden;
    }    
</style>

<div id="main">
    <div id="mapContainer"></div>
</div>

在地图对象初始化后尝试这个：

window.addEventListener('resize', function () {
    map.getViewPort().resize(); 
});

那应该可以解决问题。