Como prefacio, estoy usando mapbox para crear un mapa, luego uso los métodos getCanvas y toDataURL para obtener los datos de la imagen.

Aquí está mi código para descargar una imagen. Hasta ahora, puedo descargar la imagen correctamente en mi escritorio, pero en el móvil descargo la imagen como un archivo sin extensión. Tengo que cambiar manualmente el archivo a .png y luego funciona.

¿Es posible asegurarse de que en el móvil el archivo descargado sea un png?

He intentado usar la clase de Image anteriormente sin éxito.

 let dataURL = props.map.getCanvas().toDataURL(); var download = document.createElement('a') download.download = 'map.png' download.href = dataURL download.target = '_blank' download.click();