私は、UIをマップにオーバーレイする必要があるGoogleマップのjavascript v3アプリケーションに取り組んでいます(これは、フルスクリーンの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またはその子をクリックするためのハンドラーは、それらの子がポインターイベントでオーバーライドしない限り機能しません:すべて)uiContainerの下のマップを操作できません。
どんなアイデアでも大歓迎です。