MapBox карта размеры с Bootstrap в

Question

Контекст: Использование Twitter Bootstrap и карты как «горками» карусели

я пытаюсь указать размеры карты либо с помощью

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

или

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

Оба они ведут к этому:

, которые в основном it'sa х-натяжная версию, которая отображает только нормально с й = 256 (одна шириной плитки, верно?) var map = mapbox.map('map',false, {x: 256, y: 500});

Вы можете увидеть проблему here (перейти на вторую страницу из карусель, первый использует iframe).

Я пишу, потому что я уже пробовал documentation через mapbox.map (размеры) и с помощью размеров CSS, и, как ни странно, работает для высоты, но не для ширины.

Спасибо!

Answer 1

Кажется, что некоторые свойства CSS необходимо перезаписать из Bootstap.

Том послал мне исправление через Mapbox support.

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

, а также добавить height: auto; так что маркеры работают тоже.