摆脱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

发现在谷歌 “的OpenLayers引导” 搜索后的溶液。 Bootstrap的入侵CSS似乎存在一个问题，它正在OpenLayers主干上解决，但目前还不稳定。

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

#map img { 
    max-width: none; 
} 

（其中#map是你的地图识别，可能是一个类或一个div，等等）

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