Question

我正在使用wkhtmltopdf打印我的html代码，这个代码有传单地图，我的问题是pdf文件没有正确打印地图，似乎它不等地图，所以我包括一个窗口 - 状态条件未成功：

在我的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和传单等待地图

1 个答案: