Twitter bootstrap 推特引导&;OpenLayers以100px缩小地图

Twitter bootstrap 推特引导&;OpenLayers以100px缩小地图,twitter-bootstrap,gis,openlayers,Twitter Bootstrap,Gis,Openlayers,我正在使用Twitter引导和开放层在页面上显示地图: 地图应该位于divid=“OpenLayers.Layer.Image_84”(蓝色轮廓)左侧和上方100像素 它也应该是1024像素宽;相反,它被截断为大约823 结果可以在包含地图平铺(1024x102PNG)的div中看到: 如果我手动将left:101%更改为left:1%并将width:822.944%更改为width:1024%一切看起来都正常。但我不知道是什么在编程上导致了这个错误 另外,我在一个非引导沙箱中使用了完全相同

我正在使用Twitter引导和开放层在页面上显示地图:

地图应该位于div
id=“OpenLayers.Layer.Image_84”
(蓝色轮廓)左侧和上方100像素

它也应该是1024像素宽;相反,它被截断为大约823

结果可以在包含地图平铺(1024x102PNG)的div中看到:

如果我手动将
left:101%
更改为
left:1%
并将
width:822.944%
更改为
width:1024%
一切看起来都正常。但我不知道是什么在编程上导致了这个错误

另外,我在一个非引导沙箱中使用了完全相同的代码,效果很好。因此,我假设这是由于与引导程序的冲突造成的


有人有什么想法吗?

我认为只有Openlayers 2.12才会出现这个问题。尝试添加以下css代码:

.olMapViewport img {
    max-width: none;
}

因此,这不是引导和OpenLayers之间的冲突,而是错误地将方形贴图平铺拟合到矩形边界

以下是概述: 1) 我将地图的大小设置为正方形 2) 我将贴图边界设置为一个正方形,但实际上是一个宽度约为正方形80%的矩形

OpenLayers试图通过添加
left
属性并压缩地图平铺来协调这些


当我将地图边界正确设置为正方形时,问题就消失了。

谢谢;结果表明,错误是试图将方形图像平铺适配到非方形边界。方形图像块和矩形空间之间约10%的间隙导致了此问题。OL团队将在几天后发布版本2.13,该版本不使用百分比。。。不用再担心了。