Клуб API Карт

Тормозит прокрутка карты при отрисовке ее в модальном окне

c64
8 сентября 2016, 11:29

Здравствуйте! Вставил карту в модальное окошко на своем сайте и заметил вот что: если размеры окна браузера высокие, то прокрутка карты в этом окне тормозит. Если уменьшить размеры окна браузера, то тормоза снижаются пропорционально уменьшению окна. Если жмякнуть на кнопку полноэкранного режима карт, то все становится замечтательно, работает так же быстро, как если открыть эту карту на сайте Яндекс.Карт. Сначала я грешил на ресурсы, которые тратятся на отрисовку того DOM'а моего сайта, который лежит под модальным окном, но удалил все подлежащее дерево с помощью консоли - тормоза остались. Предполагаю, что полноэкранный режим карт может как-то включать хардварный рендеринг карты, но не уверен. Собственно, вопрос в том, как мне добиться хорошей производительности карт без в фуллскрина, в модалочке (и если этого нельзя, то как открывать карту сразу в фулскрине с помощью JS)? Большое спасибо. Ссылку на сайт дам, если необходимо

6 комментариев
Подписаться на комментарии к посту
Нет там никакого особого рендеринга. Тормозит скорее всего из-за прозрачности/fade эффекта модального окна
проблема была в том, что на DIV'е, который находился на пару уровней вложенности выше карты, прописывался overflow:hidden (чтобы округлять уголки карты через border-radius). Если его убрать, скорость прокрутки возвращается к норме
c64,
У меня не воспроизвелось
http://jsfiddle.net/r18ens4d/



видимо дело в чем-то другом
dimik,
это интересное наблюдение; по-видимому, такой эффект проявляется в комбинации с моим лэйаутом попапа. Желаете взглянуть? :)
c64,
Да, соберите минимально воспроизводящий проблему пример
dimik,
 большое спасибо за фиддл - я применил этот -webkit-mask-image непосредственно на контейнер с картой (без этого свойства border-radius не работал в моем Хроме, приходилось уголки скруглять родительскому элементу) - и все забегало, и без тормозов. В чем уже там причина с лейаутом, не буду разбираться - главное, вы проблему помогли решить. В ножки кланяюсь