Bootstrap中的Mapbox地图尺寸

Question

上下文：使用Twitter Bootstrap和地图作为轮播的“幻灯片”

我正在尝试使用

指定地图的尺寸

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

或

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

他们都导致了这个：

它基本上是一个x-streched版本，只显示ok = x = 256（一个tile宽，对吧？） var map = mapbox.map('map',false, {x: 256, y: 500});

您可以看到问题here（传递给轮播的第二页，第一页使用iframe）。

我写作因为我已经通过mapbox.map（尺寸）和CSS尺寸尝试了documentation，奇怪的是它似乎适用于高度但不适用于宽度。

谢谢！

Answer 1

似乎需要从Bootstrap覆盖一些CSS属性。

汤姆通过Mapbox support向我发送了修正案。

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

并添加height: auto;以便标记也能正常工作。