Twitter bootstrap 推特引导&;OpenLayers以100px缩小地图
我正在使用Twitter引导和开放层在页面上显示地图: 地图应该位于divTwitter 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%一切看起来都正常。但我不知道是什么在编程上导致了这个错误 另外,我在一个非引导沙箱中使用了完全相同
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,该版本不使用百分比。。。不用再担心了。