Печать карты повернутых листовок и jsPDF - PullRequest
Новая
       18

Печать карты повернутых листовок и jsPDF

0 голосов
/ 21 сентября 2018

Я использую плагин Rotate Map Leaflet, и у меня возникает следующая проблема при попытке печати с помощью плагина jsPDF:

Карта не остается в контейнере div.Он охватывает весь документ PDF.Также кажется, что с плитками карты происходит что-то странное.

Вот как это должно выглядеть:

Div on page

Если я распечатаю его с помощью jsPDF, PDF-файл выглядиткак:

Printed with rotation

Если он не повернут, он выглядит так в PDF: printed without rotation

Независимо от того, что карта не остается в пределахграницы, я хочу это.

1 Ответ

0 голосов
/ 13 ноября 2018

Я использовал функцию Javascript localStorage.setItem (), чтобы передать innerHTML элемента div, содержащего карту и другую информацию, которую я хотел напечатать.

На другой странице я использовал localStorage.getItem () Javascript, чтобы получить HTML-код с предыдущей страницы и добавить его в существующий элемент div на этой новой странице.Я также добавил ссылку на css и вызовы скриптов в LeafletR.js.

Я использовал тот же код на предыдущей странице для настройки карты: 

map = L.map('map',
{
' renderer': L.canvas(),
'center': [0, 0], 'zoom': 17,
'zoomControl': false,
'rotate': true,
'attributionControl': false,
'maxBounds': [
[25, -125],
[49.5, -66.5]
]
});

Карта показалась точно так же, как и должна, в нужном месте, и правильно распечатана с использованием окна.функция печати.

Функция window.print () работала на исходной странице, но показала все элементы управления на странице, которые мне не нужны.

Не знаю, является ли это наиболее красноречивым способом полученияэто сделано, но это сработало.

...