1

我正在开发一个 google maps javascript v3 应用程序，其中 UI 必须覆盖在地图上（也就是说，使用全屏 div 和 z-index 本身没有问题），我遇到了一个问题：

<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 或其任何子项的处理程序将无法工作，除非这些子项用指针事件覆盖它: all) 我无法与 uiContainer 下面的地图进行交互。

任何想法都会受到赞赏。

4

1 回答 1

0

我终于明白了。

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

于 2012-12-28T10:19:53.823 回答