Высота Mapbox-gl 100% ⇐ Jquery

[Anonymous]

Mapbox не помещается в контейнер. а почему бы и нет?

Это обработанный HTML:

Код: Выделить всё

эти 277 пикселей, я думаю, используются по умолчанию.

это js:

Код: Выделить всё

mapboxgl.accessToken = 'blabla';
var map = new mapboxgl.Map({
container: 'mapBox',
style: 'mapbox://styles/mapbox/streets-v11',
center: [-77.04, 38.907],
zoom: 11.15
});

это scs:

Код: Выделить всё

.map {
grid-column: 1/-1;
height: 100%;
position: relative;
canvas, .mapboxgl-canvas {
height: 100%;
}
}

Если я добавлю столь знаменитый !important к высоте: 100%;, то это сработает, но карта растянется.

Если я добавлю столь знаменитый !important к высоте: 100%;, то это сработает, но карта растянется.

Если я добавлю столь знаменитый !important к высоте: 100%;, то это сработает, но карта растянется.

Если я добавлю столь известный !important к высоте: 100%;, то это будет работать, но карта растянется.

p>

Как мне это сделать?

Подробнее здесь: https://stackoverflow.com/questions/571 ... height-100