单张群集组背景颜色不会出现在地图打印导出中

Question

我有一张带有L.markerClusterGroup的Leaflet地图。它看起来像这样：

但是在打印（到PDF）时，它看起来像这样：

注意没有背景颜色。

点数创建如下：

L.DivIcon({ html: '<div><span>' + (childCount + tally) + '</span></div>', className: 'marker-cluster' + <my own css>, iconSize: new L.Point(40, 40) });

我自己的css＆＃34;是css类，可能是以下任何一种：

background: rgba(255, 0, 192, 0.3); !important;
border: 1px solid #666;

或者

background: rgba(9, 243, 33, 0.6);!important;
border: 1px solid #666;

其他人有同样的问题吗？

Answer 1

我的问题是糟糕的CSS。 background: rgba(255, 0, 192, 0.3); !important;代替background: rgba(255, 0, 192, 0.3) !important;。

这是有效的CSS：

@media print {

  .my-own-css1, .my-own-css2, {
        -webkit-print-color-adjust: exact !important;         
         background: rgba(255, 0, 192, 0.3) !important;
    }
}