摆脱瓷砖之间的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文件上。