Question

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

以下是地图：

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

我想消除的空白：

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

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

Answer 1

重置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%;导致弹出窗口变大。您可以更改这些值以减小弹出窗口的高度和宽度。

openlayers填充白色空间

1 个答案: