从叠加分区

Question

在此示例中，您可以在加载地图时看到oldBounds（也就是我的初始边界）。但是，当newBounds覆盖在地图顶部时，如何获得实际#panel？尝试单击“启动面板”按钮，然后查看：http://jsfiddle.net/3npoupdL/

我想一种方法可能是在显示#map-canvas后调整#panel的大小？

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

这是我的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();
    };
}