Я работаю над проектом по печати карт с использованием Mapbox GL JS. Я хочу напечатать в формате А1, который составляет 7016 × 9933 пикселей для 300 точек на дюйм. Я хочу показать пользователю конечный результат, который будет напечатан через его рабочий стол. Поэтому я просто создал div
размером 7016 × 9933 px и применил CSS transform: scale(0.2)
, чтобы уменьшить размер контейнера.
Результат актуален, но карта очень медленная при перемещении или масштабировании. Очевидно, что за один раз обрабатывается слишком много информации.
У вас больше есть идея более эффективно визуализировать мою очень большую карту, чем применять преобразование css, и при этом иметь хорошие характеристики рендеринга?