css - 摆脱瓷砖之间的 OpenLayers 间隙

Question

我的 OpenLayers 地图有问题。我无法让瓷砖彼此相邻。我已经检查了侵入性 CSS，但我没有找到任何东西。有人可以帮我解决这个问题吗？

我目前的代码是这样的：

<script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
<script>
    $(function() {
        var map = new OpenLayers.Map('map');
        var wms = new OpenLayers.Layer.WMS(
            "OpenLayers WMS",
            "http://maps.opengeo.org/geowebcache/service/wms",
                {'layers':'bluemarble'}
            );
            map.addLayer(wms);
            map.zoomToMaxExtent();
        });
</script>

我会留下截图：

Answer 1

在 Google 中搜索“openlayers bootstrap”后找到了解决方案。来自 Bootstrap 的侵入式 CSS 似乎存在问题，正在 OpenLayers 主干上解决，但它还不稳定。

要解决这个问题，你只需要添加这个 CSS 规则：

#map img {
    max-width: none;
}

（其中#map 是您的地图标识符，可以是一个类或一个div，等等）

请检查此 CSS 加载的顺序，因为我试图在 OpenLayers JS 文件之前加载此规则，但它不起作用。它被 OL 覆盖。最后我不得不直接把它放在 HTML 文件上。