Имеется страница с Яндекс картой, у которой заданы ширина и высота для удобства просмотра на экране. Пользователю необходимо распечатать всю страницу с измененной высотой карты так, чтобы все красиво без сжатия масштаба помещалось на книжный лист А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;
}
Проблема состоит в том, что при таком способе размер карты меняется очень быстро и на печать выходит непрогруженная или частично прогруженная карта. Подскажите, пожалуйста, как дождаться перед печатью полной загрузки карты или другой способ реализации данной задачи, чтобы избежать описанной проблемы.
@media print { }
вместо js для настройки печатного лейаута?