La imagen del origen 'file: //' ha sido bloqueada por la política de intercambio de recursos de origen cruzado:

Estoy usando leaflet-image.js para crear una imagen a partir de un mapa de folleto. El código utilizado para crear la imagen es el del ejemplo enhttps://github.com/mapbox/leaflet-image es decir

var map = L.mapbox.map('map', 'YOUR.MAPID').setView([38.9, -77.03], 14);
leafletImage(map, function(err, canvas) {
    // now you have canvas
    // example thing to do with that canvas:
    var img = document.createElement('img');
    var dimensions = map.getSize();
    img.width = dimensions.x;
    img.height = dimensions.y;
    img.src = canvas.toDataURL();
    document.getElementById('images').innerHTML = '';
    document.getElementById('images').appendChild(img);
});

El problema es que la imagen parece estar bloqueada por alguna función de seguridad de CORS. A continuación se muestra una imagen de la consola Google Chrome (no es que enevn en firefox no funcione)

Podías ayudarme con esto ? (También todos mis servidores están alojados localmente. Servidor web, servidor de mapas ...)

Respuestas a la pregunta(3)

Su respuesta a la pregunta