Unable to capture Azure Maps

[kevicai]

When taking a screen shot of an Azure Maps map container element, only html element in the map container shows, but not the map itself. The map in the screen shot is empty.

Code:

 // Get download url
  const mapElem = $("#myMap");
  const canvas = await html2canvas(mapElem);
  return canvas?.toDataURL("image/png").replace("image/png", "image/octet-stream");

[donamkhanh]

Just include below script to forces preserveDrawingBuffer: true https://github.com/greggman/webgl-helpers#webgl-force-preservedrawingbufferjs

[QuinnChrest]

@kevicai were you able to find a solution to screenshotting an Azure Map? @donamkhanh response does not work for me.