html - openlayers 填充空白

Question

我想消除两个 OpenLayers map 上两个地方的空白/填充。

这是 map :

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

我要消除的空白:

-- map 周围的填充。我想让他们全屏-- 不必要的大弹出窗口。过多的空白在桌面版本上不是什么大问题，但每次打开弹出窗口时都会导致移动应用程序中不必要的平移。

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

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