css - 摆脱瓷砖之间的 OpenLayers 差距

Question

我的 OpenLayers map 有问题。我无法让瓷砖一 block 挨着另一 block 。我已经检查过侵入式 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”后找到了解决方案。 OpenLayers trunk 正在解决 Bootstrap 的侵入式 CSS 问题，但它还不稳定。

要解决这个问题，您只需添加此 CSS 规则:

#map img {
    max-width: none;
}

(#map 是您的 map 标识符，可以是类或 div，随便什么)

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