如何使Google地图API浮动面板响应？

<div id="mapContainer"></div>
<div id="floatingPanel">浮动面板内容</div>

#floatingPanel {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 200px;
  height: 100px;
  background-color: #fff;
  border: 1px solid #ccc;
}

#mapContainer {
  height: 400px;
}

function initMap() {
  var map = new google.maps.Map(document.getElementById('mapContainer'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });

  window.addEventListener('resize', function() {
    var panel = document.getElementById('floatingPanel');
    var mapContainer = document.getElementById('mapContainer');
    panel.style.top = '10px';
    panel.style.left = '10px';
    panel.style.width = '200px';
    panel.style.height = '100px';
    mapContainer.style.height = (window.innerHeight - 20 - panel.offsetHeight) + 'px';
  });
}