使用html2canvas的mapbox屏幕截图，我得到一个白屏

Question

我正在尝试使用html2canvas截取mapbox的屏幕截图，但始终显示白屏

我以mapbox容器为例https://docs.mapbox.com/mapbox-gl-js/example/geojson-line/

html2canvas用CDN https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js加载

我上次失败的代码尝试（从类似的SO文章编译）

            var element = $('#map')[0];

            $('#load').click(function () {
                html2canvas(element, {
                    onrendered: function(canvas) {
                        var tempcanvas = document.createElement('canvas');
                        tempcanvas.width=900;
                        tempcanvas.height=600;
                        var context=tempcanvas.getContext('2d');
                        context.drawImage(canvas,900,40,900,600,0,0,900,600);
                        var link=document.createElement('a');
                        link.href=canvas.toDataURL('image/jpg');
                        link.download = 'screenshot.jpg';
                        link.click();
                    }
                });
            });

也许有人也有类似的经历，你能帮我吗？