Маркер на карте не виден в печати

Question

Я использую Angular-Leaf-директиву и PixiJs. Загрузил карту с помощью angular-leaflet-Directive и загрузил маркер. Но я не могу видеть маркер при печати карты div. Я использую нг-печать Div.

HTML выглядит следующим образом:

<leaflet id="ptvMap" lf-center="center" layers="layers" controls="controls"
             width="100%" height="100%" defaults="defaults">
</leaflet>

JS часть выглядит следующим образом:

function DrawAPointInMap() {
            leafletData.getMap().then(function (map) { 
                var loader = new PIXI.loaders.Loader();

        loader.add('marker', '../Content/img/marker-icon.png');

        loader.load(function (loader, resources) {
                    var markerTexture = resources.marker.texture;

            var markerLatLng = [51.5, -0.09];

            var marker = new PIXI.Sprite(markerTexture);

            marker.anchor.set(0.5, 1);

            var pixiContainer = new PIXI.Container();

            pixiContainer.addChild(marker);

            var firstDraw = true;

            var prevZoom;

            var pixiOverlay = L.pixiOverlay(function (utils) {
                        var zoom = utils.getMap().getZoom();

                var container = utils.getContainer();

            var renderer = utils.getRenderer();

            var project = utils.latLngToLayerPoint;

            var scale = utils.getScale();

            if (firstDraw) {
                            var markerCoords = project(markerLatLng);

                marker.x = markerCoords.x;

                marker.y = markerCoords.y;
                        }

            if (firstDraw || prevZoom !== zoom) {
                            marker.scale.set(1 / scale);
                        }

            firstDraw = false;

            prevZoom = zoom;

            renderer.render(container);
                    }, pixiContainer);

        pixiOverlay.addTo(map);
                });
            });   
        } 

пожалуйста помоги..