openlayers填充白色空间

时间:2014-01-17 12:43:09

标签: html css openlayers

我在两个OpenLayers地图上的两个地方有过多的空格/填充,我想消除它。

以下是地图:

- http://rainpursuit.org/map.htm - http://rainpursuit.org/mobilemap.htm

我想消除的空白:

- 地图周围的填充。我想让他们全屏 - 不必要的大弹出窗口。过多的空白在桌面版本上并没有那么重要,但每次打开弹出窗口时,它都会导致移动应用程序中出现不必要的平移。

我在这里难过。任何帮助,将不胜感激。感谢

1 个答案:

答案 0 :(得分:0)

重置CSS中的默认填充和边距属性:

html, body {
    margin: 0;
    padding: 0;
}

在移动版上,您有mobile2.css:

.olControlMobileLayerSwitcher {
    background-color: #FFFFFF;
    border: 2px solid #CED6D9;
    display: none;
    height: 90%;
    left: 55%;
    margin-left: -50%;
    overflow-y: auto;
    padding-top: 25px;
    position: absolute;
    top: 1%;
    width: 90%;
}

width:90%;height:90%;导致弹出窗口变大。您可以更改这些值以减小弹出窗口的高度和宽度。

相关问题