SecurityError: la operación es insegura en canvas.toDataURL

Intenté resolver el siguiente error pero sin éxito.

Tengo el siguiente código jQuery y HTML5:

<script language="javascript" type="text/javascript">

  function doExportMap() {

      map.once('postcompose', function(event) {

        var canvas = event.context.canvas;

        var exportBMPElement = document.createElement('a');
        exportBMPElement.download = 'Mapa.bmp';
        exportBMPElement.href = canvas.toDataURL('image/bmp');
        document.body.appendChild(exportBMPElement);
        exportBMPElement.click();
        document.body.removeChild(exportBMPElement);
      });

      map.renderSync();
  }

Funcionaba perfectamente, pero ahora recibo el siguiente error:

SecurityError: The operation is insecure.
exportBMPElement.href = canvas.toDataURL('image/bmp');

¿Qué está mal? ¿Algunas ideas?

Lo curioso es que no estoy cargando la imagen desde una fuente externa. La imagen es de localhost

Respuestas a la pregunta(1)

Su respuesta a la pregunta