wkhtmltopdf 和传单等待地图

cuc*_*uru 5 wkhtmltopdf leaflet

我正在使用 wkhtmltopdf 打印我的 html 代码,此代码有传单地图,我的问题是 pdf 文件无法正确打印地图,似乎它不等待地图,所以我包含了一个窗口状态条件,但没有成功:

在我的html中:

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

我对 wkhtmltopdf 的选择:

 options = {
    'dpi': 300,
    'image-dpi': 400,
    'zoom': 0.7,
    'window-status': 'maploaded'
}
Run Code Online (Sandbox Code Playgroud)

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

我应该怎么办?

cuc*_*uru 2

我终于解决了这个问题。

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

通常的“javascript-delay”就足够了。问题:

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

.my-map{

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

    //working
    width: 800px;
    height: 400px;
}
Run Code Online (Sandbox Code Playgroud)