Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 消除瓷砖之间的空隙_Css_Openlayers_Tile - Fatal编程技术网

Css 消除瓷砖之间的空隙

Css 消除瓷砖之间的空隙,css,openlayers,tile,Css,Openlayers,Tile,我的OpenLayers地图有问题,。我不能让瓷砖一块挨着一块。我已经检查了侵入式CSS,但没有找到任何东西。谁能帮我一下吗 我目前的代码是: <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script> <script> $(function() { var map = new OpenLayers.Map('map');

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

$(函数(){
var map=newopenlayers.map('map');
var wms=new OpenLayers.Layer.wms(
“OpenLayers WMS”,
"http://maps.opengeo.org/geowebcache/service/wms",
{'layers':'bluemarble'}
);
地图添加层(wms);
zoomToMaxExtent();
});

我将留下一个屏幕截图:

在谷歌搜索“openlayers bootstrap”后找到了解决方案。在OpenLayers主干上解决的来自引导的侵入式CSS似乎有一个问题,但它还不稳定

要解决此问题,只需添加以下CSS规则:

#map img {
    max-width: none;
}
(其中#map是映射标识符,可以是类或div,随便什么)


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

在谷歌搜索“openlayers bootstrap”后找到了解决方案。在OpenLayers主干上解决的来自引导的侵入式CSS似乎有一个问题,但它还不稳定

要解决此问题,只需添加以下CSS规则:

#map img {
    max-width: none;
}
(其中#map是映射标识符,可以是类或div,随便什么)


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

使用该代码没有问题,我尝试了它,对我来说效果很好。你能给我们一些额外的信息吗?控制台中是否有任何错误?你在什么时候改变了地图的参考系统了吗?我能提供的唯一额外信息是,我正在使用Bootstrap 2.2.1和Font Aweasome。我没有改变OL中的任何内容,该代码是直接从教程中提取的:/使用该代码并没有什么问题,我尝试了它,对我来说它工作得很好。你能给我们一些额外的信息吗?控制台中是否有任何错误?你在什么时候改变了地图的参考系统了吗?我能提供的唯一额外信息是,我正在使用Bootstrap 2.2.1和Font Aweasome。我没有从OL中更改任何内容,该代码直接从教程中提取:/