Hi Team,

I am using ngx capture service(npm i ngx-capture) to take screenshot of the geographic imagery of Bing Maps. The capture service is returning blank image with markers but not renders the map/geographic location. Can someone please let me know if there is any method to capture the Bing maps screen completely.

Below is my code and sample images attached 

capture() {

const dimensions = this.screen.nativeElement.getBoundingClientRect();
this.captureService.getImage(this.screen.nativeElement, false, {
width: dimensions.width,
height: dimensions.height,
useCORS: true,
})
.pipe(
tap((img) => {
this.imgBase64 = img;
console.log(img);
})
).subscribe(img => {
console.log(img);
})
}

And my html looks like this

<div class="mt-2" #screen>
<igx-geographic-map #map class="mapcontainer" [zoomable]="true">
</igx-geographic-map>
<ng-template let-series="series" let-item="item" #geocodeTemplate>
<div>
<span class="small"><b>Latitude :</b> {{item.latitude}} </span> <br />
<span class="small"><b>Longitude :</b> {{item.longitude}} </span> <br />
</div>
</ng-template>
</div>

Saved image displays marker locations but not Map, I have attached both expected Map and currently how its downloading.

Thanks in advance 

Expected Screenshot

Actual Screenshot how ngx capture service is returning