Задать вопрос
@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 разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен директолог с опытом работы
19 апр. 2024, в 10:02
6000 руб./за проект
Помощь с парсингом XML файла яндекс товаров
19 апр. 2024, в 09:46
500 руб./за проект
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Ещё заказы