Google地图无法使用叠加div

Question

我正在开发一个谷歌地图javascript v3应用程序，其中UI必须覆盖地图（通过使用全屏div和z-index本身没问题），我遇到了问题：< / p>

<div id="mapCanvas" style="z-index: -1"></div>
<div id="uiContainer" style="pointer-events: none; z-index: 0; width: 100%; height: 100%...">
    <My UI Here/>
</div>

即使地图本身工作正常，uiContainer叠加也适用于我的AJAX UI和指针事件：没有工作（点击uiContainer或其任何子项的处理程序不会工作，除非这些子项覆盖它pointer-events：all）我无法与uiContainer下面的地图进行交互。

任何想法都受到赞赏。

Answer 1

我终于明白了。

Maps API不喜欢它以任何方式更改z-index的容器。