OpenLayers: «Не удалось выполнить« toDataURL »в« HTMLCanvasElement »

Question

У меня проблема при попытке экспортировать карту с несколькими уровнями, созданными с помощью OpenLayer.
Это мой JS код:

map.once('postcompose', function(event) { 
     var img = new Image, 
     canvas = event.context.canvas; 

     img.crossOrigin = "anonymous"; 
     img.src = canvas.toDataURL('image/png'); 
}); 

Где карта является переменной JavaScript моей OpenLayers карты.
Когда карта состоит из более чем на один уровень, я получаю такую ​​ошибку:

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported

Если попробовать сделать то же самое, без добавления уровня на карту (только с помощью карты OpenLayer по умолчанию) Я могу создать URL-адрес данных и загрузить карту в формате png.
Это проблема CrossOrigin, но COR должны быть включены на моем сервере.
Любая помощь? Благодаря!

EDIT
Здесь приведен пример кода JS, где я добавить слой на карту, что является причиной этой проблемы.

var layer = new ol.layer.Image({ 
    source: new ol.source.ImageWMS({ 
     url: 'http://pubblicazioni.provincia.fi.it/geoserver/wms', 
     params: { 
       'LAYERS': 'layer_name', 
       'FORMAT': 'image/png', 
       'TRANSPARENT': 'true' 
     }, 
     crossOrigin: null 
    }) 
}); 
map.addLayer(layer); 

Answer 1

Я решил проблему с реализацией локального прокси-сервера на моем сервере, как было предложено MichaelJS.
Я бегу приложение Django, поэтому я разработал настроенный прокси-сервер, начиная с этого кода:
https://github.com/mjumbewu/django-proxy

Тогда в моем urls.py я определил это правило:

url(r'^proxy/(?P<url>.*)$', views.proxy_view, name='proxy'), 

И, наконец, я proxed запрос к службе WMS изменения кода JS так:

var layer = new ol.layer.Image({ 
    source: new ol.source.ImageWMS({ 
     url: '/proxy/http://pubblicazioni.provincia.fi.it/geoserver/wms', 
     params: { 
       'LAYERS': 'layer_name', 
       'FORMAT': 'image/png', 
       'TRANSPARENT': 'true' 
     }, 
     crossOrigin: null 
    }) 
}); 
map.addLayer(layer); 

Cr ossOrigin проблема решена!

Answer 2

Так как я не могу комментировать еще, мой ответ здесь растворов а) создать локальный прокси-сервер и получать данные с его помощью б) запрашивать у источника-провайдера, если он может активировать Cross-Origin -Включить заголовок "*".

Answer 3

Если вы использовали OpenLayers 3, следующая ссылка может помочь вам: http://openlayers.org/en/v3.0.0/examples/export-map.html

Answer 4

Вы можете посмотреть на this document, чтобы увидеть настройки CORS. Вместо того чтобы устанавливать crossOrigin в источнике к '', вы можете попробовать установить его анонимным:

crossOrigin: 'Anonymous'