Mapbox 打印带有标记的地图

Mapbox 打印带有标记的地图,mapbox,mapbox-gl-js,Mapbox,Mapbox Gl Js,我试图打印一个带有标记的地图框(来自Chrome和Edge最新版本),标记被一个白色区域取代 为了确保它与我的代码无关,我检查了这个页面:当我试图打印它时,我有同样的行为: 在打印模式下(此处为Chrome,边缘相同): 因此,它隐藏了3个标记,但也隐藏了底部的地图盒徽标 你知道如何保存这些图像吗 谢谢 在“更多设置”>“选项”下,Chrome有一个打印“背景图形”的选项。如果未选中此选项,则任何使用背景图像属性的css元素在打印时都将为空 要解决此问题,请为打印版本添加一组简短的css,其

我试图打印一个带有标记的地图框(来自Chrome和Edge最新版本),标记被一个白色区域取代

为了确保它与我的代码无关,我检查了这个页面:当我试图打印它时,我有同样的行为:

在打印模式下(此处为Chrome,边缘相同):

因此,它隐藏了3个标记,但也隐藏了底部的地图盒徽标

你知道如何保存这些图像吗

谢谢

在“更多设置”>“选项”下,Chrome有一个打印“背景图形”的选项。如果未选中此选项,则任何使用背景图像属性的css元素在打印时都将为空

要解决此问题,请为打印版本添加一组简短的css,其中包括一个伪“before”类,用于插入标记图像,并为普通的“marker”类添加代码以删除背景图像

@media print {
    .marker::before {
        content: url('images/orangepin2.png');
    }
    .marker {
        background-image: none;
    }
}