谷歌地图div，由容器div隐藏

Question

我有一个包含#map div的div，我用它来显示Google地图。

我遇到的问题是，我无法以任何方式与地图互动，因为它被封装它的div“隐藏”。

我该如何避免这种情况？

<div id="container">

    <!-- This div is 'on top' of the map, therefore I 
        cannot access it/invoke click events on it. -->

    <div id="map">
        <!-- This is where the map is loaded -->
    </div>

    <div id="description">

    </div>

</div>

感谢。

Answer 1

如果您在地图div上的css中放置position:relative，然后将该div的z-index带到任何高于容器z-index的数字，那么您应该能够与地图互动。

如果您在隐藏div时生成地图，请使用google.maps.event.trigger(map,"resize")触发地图的resize事件，其中map是包含Google地图对象的JS变量。