I have JavaScript application in OpenLayers 3, and my base layer is created from local tiles. I work only in my computer so I do not know why I have CORS error.
var newLayer = new ol.layer.Tile({ source: new ol.source.OSM({ url: 'E:/Maperitive/Tiles/vychod/{z}/{x}/{y}.png' }) }); var schladming = [21.6187, 48.7327]; // longitude first, then latitude // since we are using OSM, we have to transform the coordinates... var schladmingWebMercator = ol.proj.fromLonLat(schladming); var map = new ol.Map({ layers: [ newLayer ], controls: [], target: 'mapid', view: new ol.View({ center: schladmingWebMercator, zoom: 10, minZoom: 10, maxZoom: 14 }) });
error message from console:
Access to Image at
file:///E:/Maperitive/Tiles/vychod/10/573/352.png
from originnull
has been blocked by CORS policy: Invalid response. Originnull
is therefore not allowed access.
When I double-click on image URL, image is opened. Any ideas what is wrong? I never had that error before.