谷歌地圖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

如果您將position:relative放置在地圖div的css中，然後將該div的z-index設置爲高於容器的z-index的任何數字，則應該可以與地圖進行交互。

如果在div被隱藏時生成地圖，請使用google.maps.event.trigger(map,"resize")觸發地圖的resize事件，其中map是包含Google地圖對象的JS變量。