Я работаю над созданием PDF-файла из карты Leaflet с пользовательскими значками, и я поворачиваю эти значки на угол для отслеживания отчета (автомобили).
Я использую плагин leaflet-image, чтобы создать изображение из карты, а затем я использую pdfmake, чтобы добавить изображение в PDF (PDF содержит JS карты, таблицы и холсты).
Все работает нормально (маркеры вращаются на веб-сайте), но когда я добавляю изображение карты в свой PDF, маркеры не вращаются.
Я добавляю изображение с вращением с этим кодом
var marker=[
<?php foreach($track as $key => $value){ ?>L.marker([
<?php echo $value['Y']; ?>,
<?php echo $value['X']; ?>],{icon: icon
<?php echo $value['Eng']; ?>, rotationAngle:
<?php echo $value['Angle']; ?> }).bindPopup("
<?php echo date("Y-m-d H:i:s", $key); ?> / speed:
<?php echo $value['Speed']; ?> km/h." ),
<?php } ?>
<?php ?>]
Я искал другие библиотеки, которые могут решить мою проблему.
Я получаю изображение с этим кодом
var icon3 = L.icon({
iconUrl: 'images/direction_green.png',
iconSize: [12, 12],
iconAnchor: [0, 0],
popupAnchor: [15, -8]
});
var icon2 = L.icon({
iconUrl: 'images/stop_green.png',
iconSize: [12, 12],
iconAnchor: [0, 0],
popupAnchor: [15, -8]
});
var icon1 = L.icon({
iconUrl: 'images/stop_blue.png',
iconSize: [12, 12],
iconAnchor: [0, 0],
popupAnchor: [15, -8]
});
var icon0 = L.icon({
iconUrl: 'images/stop_black.png',
iconSize: [12, 12],
iconAnchor: [0, 0],
popupAnchor: [15, -8]
});
Затем я использую соответствующий маркер состояния для автомобиля (двигатель включен, двигатель выключен и т. Д ...)
Я вижу проблему в том, что это вращение является вращением html.
Могу ли я повернуть изображение с помощью js / jQuery, прежде чем добавить на мою карту?
Я получаю изображение с:
iconUrl: 'images/stop_black.png
У меня есть еще одна проблема:
У меня нет кругов и линии в моем PDF.
На сайте снова все в порядке.
Спасибо за вашу помощь