首页 文章

OpenLayers - HTML DIV覆盖

提问于
浏览 次
7

我正在使用OpenLayers在标准HTML页面上显示 Map ，我想创建一个位于 Map 顶部的div . 然而，div似乎总是被 Map 图块遮挡 .

我相信有一种方法可以将元素添加到 Map 本身，但在这种情况下，这不是一个可行的选项，因为div可能会部分浮动在 Map 上，部分浮动在其他页面元素上 .

<div id="maphost" style="width: 100%; height: 100%" />
<div id="overlay" />

这是基本的HTML . 我需要将哪些CSS值添加到DIV以使其成为可能？

openlayers

2 回答

  • 4

    添加z-index

    <div id="maphost" style="width:100%; height:100%; z-index: 0"></div>
<div id="overlay" style="z-index:9999"></div>
    回复于
  • 7

    另一个内部方法是使用这个css：

    div.olMapViewport {
     z-index: 0;
}
    回复于

相关问题