Twitter的引導和收縮的OpenLayers地圖100像素

我使用Twitter的引導和打開圖層來顯示網頁上的地圖：Twitter的引導和收縮的OpenLayers地圖100像素

的地圖應該是100個像素的左側及以上的頂部div id="OpenLayers.Layer.Image_84"（用藍色表示）。

它也應該是1024像素寬;代替它的被截短至約823

結果可在包含地圖瓦片在div（一個1024×1024 PNG）中可以看出：

<img class="olTileImage" style="visibility: inherit; opacity: 1; position: absolute; left: 101%; top: 0%; width: 822.944%; height: 1024%;" src="/static/img/maps/seattle.png"

如果我手動更改left:101%到left:1%和width:822.944%到width:1024%一切看起來都對。但我不知道什麼是編程導致這是錯誤的。

另外，我在非Bootstrap沙箱中使用了完全相同的代碼，並且工作正常。因此，我認爲它與Bootstrap的碰撞導致了這種情況。

任何人有任何想法？

來源

2013-06-13 The RG

我認爲這個問題只發生在Openlayers 2.12。嘗試添加此CSS代碼：

.olMapViewport img { 
    max-width: none; 
}

來源

2013-06-13 17:13:43

謝謝;事實證明這個錯誤是試圖將一個正方形的圖片拼貼到非方形邊界。正方形圖像拼貼和矩形空間之間的〜10％間隙導致此問題。 –

所以這不是引導和的OpenLayers，但不正確的安裝方地圖瓦片矩形邊界之間的衝突。

下面是一個概述： 1）I設置地圖大小平方 2）I設置的地圖界限到了我認爲是一個正方形，但實際上有〜80％的矩形的方形的寬度

OpenLayers試圖通過添加left屬性和壓縮地圖圖塊來協調這些。

當我正確設置地圖邊界爲正方形時，問題消失。

來源

2013-06-13 20:58:57

OL團隊將在幾天內發佈2.13版本，該版本不使用百分比...不再擔心這一點。 –

Twitter的引導和收縮的OpenLayers地圖100像素

回答

相關問題