0

Имеется страница с Яндекс картой, у которой заданы ширина и высота для удобства просмотра на экране. Пользователю необходимо распечатать всю страницу с измененной высотой карты так, чтобы все красиво без сжатия масштаба помещалось на книжный лист А4. Для решения данной задачи пытаюсь использовать javascript и css-стили:

window.addEventListener('beforeprint', (event) => {               
    $('#map').addClass('bigMap');
    myMap.container.fitToViewport()
});
window.addEventListener('afterprint', (event) => {                
    $('#map').removeClass('bigMap');
    myMap.container.fitToViewport();                
});

#map {
    width: 1100px;
    height: 750px;            
}        
.bigMap {            
    height: 1400px !important;
}

Проблема состоит в том, что при таком способе размер карты меняется очень быстро и на печать выходит непрогруженная или частично прогруженная карта. Подскажите, пожалуйста, как дождаться перед печатью полной загрузки карты или другой способ реализации данной задачи, чтобы избежать описанной проблемы.

2
  • Наверное можно как-то задействовать @media print { } вместо js для настройки печатного лейаута? 12 окт 2021 в 10:13
  • Спасибо за совет! Попробовал - с обычными элементами работает, а с картой нет
    – gvn
    12 окт 2021 в 11:36

1 ответ 1

0

Попробуйте отслеживать окончание момента загрузки карты через tileloadchange для слоя подложки.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.