Nie za bardzo mogę sobie z tym poradzić.
Ten kod:
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
<FilesMatch "\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp)$">
SetEnvIf Origin ":" IS_CORS
Header set Access-Control-Allow-Origin "*" env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
próbowałem dodawać do .httpaccess albo do httpd.conf ale bez efektu. Zdjęcie pobieram z canvas z użyciem Openlayers.
Przy tym typie mapy jaki używam w specyfikacji
https://openlayers.org/en/latest/apidoc/mod...ce_XYZ-XYZ.html zalecają ustawienie parametru crossOrigin, ustawiam go zgodnie z kodem ze strony
https://developer.mozilla.org/en-US/docs/We...S_enabled_imagena wartość anonymous i dalej CORS blokuje wyświetlenie mapy w canvas.
To fragment kodu JS który konfiguruje wyświetlaną mapę:
var pdf_map_source_loaded_source = new ol.source.XYZ({url :'https://1.base.maps.cit.api.here.com/maptile/2.1/maptile/newest/normal.day/{z}/{x}/{y}/256/png?app_id=[moje APP_ID}&app_code={mój APP_CODE}'
,
crossOrigin:'anonymous'
});
Okazało się,że to problem z kodem Api, który poprawiłem. Nic na to nie wskazywało. Dopiero pod konsolą w przeglądarce Edge wyrzuciło HTTP 401.
Chrome i Firefox nawet się nie zająknął co do tego błędu bardziej skupiając się na problemie z CORS.