Задать вопрос
@sokolik1983
Начинающий верстальщик
javascript

Почему карта при клике так себя ведёт?

Доброго дня.

Пример:
ucheba486.site

При клике на красный блок, меняется размер контейнера для карты. Вот только карта не меняется вслед за контейнером.
Как это исправить?

<body>
<div id="starmap"></div>

<div class="btn" id="btn"></div>

    <script src="stuquery.min.js"></script>
    <script src="virtualsky.min.js"></script>
    <script>
        S(document).ready(function() {

            var planetarium = S.virtualsky({
                id: 'starmap',
                projection: 'stereo',
                latitude: 34.4326,
                longitude: -119.86286
            });
        });
        document.getElementById('btn').onclick = function() {
        document.getElementById('starmap').classList.add('box--large');
    };
    </script>
</body>
  • Вопрос задан
  • 91 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
ProjectSoft
@ProjectSoft
Front-end && Back-end разработчик
Не надо через стили.
Достаточно вызвать событие resize для window после того, как добавили или удалили класс box--large

document.getElementById('btn').onclick = function() {
        document.getElementById('starmap').classList.add('box--large');
        window.dispatchEvent(new Event('resize'));
};
Ответ написан
Комментировать
Комментировать
Dnebl
@Dnebl 
canvas#starmap_inner {
    width: 100% !important;
    height: 100% !important;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Допил JS-PHP парсера
22 дек. 2024, в 16:26
2500 руб./за проект
Прогнозирование поломок с помощью модели ARIMA на имеющемся датасете
22 дек. 2024, в 15:29
2000 руб./за проект
Разработать Extension для Google Chrome Webstore
22 дек. 2024, в 14:07
15000 руб./за проект
Ещё заказы