Изображение из origin 'file: //' заблокировано для загрузки политикой перекрестного общего доступа к ресурсам:

Я использую leaflet-image.js для создания изображения из карты листовки. Код, использованный для создания изображения, приведен в примере наhttps://github.com/mapbox/leaflet-image т.е.

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);
});

Проблема в том, что образ, кажется, заблокирован какой-либо функцией безопасности CORS. Ниже приведено изображение консоли Google Chrome (не то, что enevn в Firefox не работает)

Не могли бы вы помочь мне с этим? (Также все мои серверы размещены локально. Webserver, mapserver ...)

Ответы на вопрос(3)

Ваш ответ на вопрос