leaflet - wkhtmltopdf和传单等待 map

Question

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

在我的 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，但我没有显示 map 。

我该怎么办？

Answer 1

我终于解决了这个问题。

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

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

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

.my-map{

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

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