摆脱瓷砖之间的 OpenLayers 间隙答案

【问题标题】：Get rid of OpenLayers gap between tiles摆脱瓷砖之间的 OpenLayers 间隙
【发布时间】：2012-12-17 16:27:59
【问题描述】：

我的 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>

我会留下截图：

【问题讨论】：

用那个代码没有错，我试过了，对我来说它工作得很好。你有什么额外的信息可以给我们吗？控制台中是否有任何错误？您是否在某个时候更改了地图的参考系统？
我能提供的唯一额外信息是我正在使用 Bootstrap 2.2.1 和 Font Awesome。我没有从 OL 中更改任何内容，该代码是直接从教程中提取的：/

标签： css openlayers tile

【解决方案1】：

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

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

#map img {
    max-width: none;
}

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

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

【讨论】：