Javascript 从覆盖Div计算新地图边界

在本例中，您可以在加载地图时看到oldBounds（也称为“我的初始边界”）。但是，当面板覆盖在地图顶部时，我如何获得实际的新边界？尝试单击启动面板按钮并查看：

我想一种方法是在显示面板后调整地图画布的大小

查找面板打开后未覆盖的边界

以下是我的JS代码：

function initialize() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(41.879535, -87.624333),
        scrollwheel: false
    };
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    var oldBounds = document.getElementById("old-bounds");
    var newBounds = document.getElementById("new-bounds");

    google.maps.event.addListener(map, 'bounds_changed', function () {
        oldBounds.innerHTML = "old bounds: " + map.getBounds();
    });

    var btn = document.getElementById("btn");
    btn.onclick = function () {
        $("#panel").addClass("show");
        newBounds.innerHTML = "new bounds: " + map.getBounds();
    };
}

---

你的意思是边界作为地图的一部分没有被面板覆盖吗？@davidkonrad是的，没错。这就是我要找的。相关问题：不是关于获得边界，而是关于抵消中心。说谎者的问题，但没有回答：如何使用此小提琴调整代码？