wkhtmltopdf和leaflet等图

Question

我正在使用 wkhtmltopdf 打印我的 html 代码，此代码有传单地图，我的问题是 pdf 文件没有正确打印地图，似乎没有'不要等待地图，所以我包含了一个 window-status 条件但没有成功：

在我的 html:

var myMap = L.map('myMap',{attributionControl: false, zoomControl:false })
    .on('load', function(){window.status = 'maploaded'});

我对 wkhtmltopdf 的选择：

 options = {
    'dpi': 300,
    'image-dpi': 400,
    'zoom': 0.7,
    'window-status': 'maploaded'
}

我检查事件是否已触发，并且在触发后生成了 pdf，但我没有显示地图。

我该怎么办？

Answer 1

我终于解决了这个问题。

问题不是我等待地图渲染的时间而是大小。

通常的 "javascript-delay" 就足够了。问题：

<div id="map" class="my-map">
      //leaflet code
</div>

.my-map{

    //not working
    //width: 80%; 
    //height:80%;

    //working
    width: 800px;
    height: 400px;
}

wkhtmltopdf和leaflet等图

wkhtmltopdf and leaflet wait for map

wkhtmltopdf

leaflet