2013-04-13 68 views
1

語境:使用Twitter的引導和地圖作爲傳送帶與Mapbox地圖尺寸範圍內引導

我正嘗試指定地圖的尺寸​​或者使用

var map = mapbox.map('map',false, {x: 940, y: 500});

的「幻燈片」或

#map { 
width: 940px; 
height: 500 px 
} 

他們都導致此: streeeched

基本上it'sa僅顯示確定,其中x = 256(一個片寬度,是嗎?) var map = mapbox.map('map',false, {x: 256, y: 500}); cropped

你可以看到問題here(傳遞到的第二頁的x streched版本旋轉木馬,第一個使用iframe)。

我在寫作,因爲我已經通過mapbox.map(尺寸)和CSS尺寸嘗試過documentation,奇怪的是它似乎適用於高度,但不適用於寬度。

謝謝!

回答

2

似乎有些CSS屬性需要從Bootstap覆蓋。

Tom通過Mapbox support向我發送了一個修復程序。

#map1 img { 
max-width: none; 
min-width: 0px; 
} 

並且還加上height: auto;以便標記也起作用。