SecurityError: a operação é insegura em canvas.toDataURL

Eu tentei resolver o próximo erro, mas sem sucesso.

Eu tenho o seguinte código jQuery e 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();
  }

Estava funcionando perfeitamente, mas agora estou recebendo o seguinte erro:

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

O que está errado? Alguma ideia?

O engraçado é que não estou carregando a imagem de uma fonte externa. A imagem é do localhost

questionAnswers(1)

yourAnswerToTheQuestion