OSM Tile Server: how to enable CORS?

Question

I've set up an OSM Tile Server, as described here.

The server is up and running, and I'm able to open the default map page in the browser (http://tile-server-ip/osm/slippymap.html) and see the map.

However, when I try to pull map data from Tile Server on a page from another site using OpenLayers library, I get:

Image from origin 'http://tile-server-ip' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://my-other-site' is therefore not allowed access.

So, I need to enable CORS on Tile Server.

I tried adding CORS to Apache configuration (/etc/apache2/sites-enabled/tileserver_site.conf):

Header set Access-Control-Allow-Origin "*"

, but that has no effect. I tried modifying /etc/renderd.conf and adding:

CORS=*

to [default] section, but that, again, has no effect.

So, the question is: how to enable CORS on Tile Server?

Answer 1

The problem was actually solved by providing crossOrigin: null to OpenLayers OSM source:

layers: [
  new ol.layer.Tile({
    source: new ol.source.OSM({
      url: 'http://tile-server-ip/osm/{z}/{x}/{y}.png',
      crossOrigin: null
    })
  })
],

Answer 2

I have the same problem. Solved in this way: Add Header set Access-Control-Allow-Origin "*" In /etc/apache2/conf-available/security.conf

and change the server name in tileservice_site.con ServerName map.MYSERVER.it ServerAlias a.map.MYSERVER.it b.map.MYSERVER.it c.map.MYSERVER.it

Hope this help...

OSM Tile Server: how to enable CORS?

Related questions