Access-Control-Allow-Origin problem when loading json file from Amazon S3 to display in OpenLayers

Asked Mar 05 '14 at 15:58

Active Mar 05 '14 at 15:58

Viewed 1,775 times

This is my code for displaying geojson in OpenLayers, where "geourl" is directed to a json file in Amazon S3.

geojson_layer = new OpenLayers.Layer.Vector("GeoJSON", {
    strategies: [new OpenLayers.Strategy.Fixed()],
    protocol: new OpenLayers.Protocol.HTTP({
    url:geourl,
    format: new OpenLayers.Format.GeoJSON()})
    });

But I received the error like this:

> Failed to load resource: the server responded with a status of 403
> (Forbidden) "geourl" Failed to load resource: No
> 'Access-Control-Allow-Origin' header is present on the requested
> resource. Origin 'http://localhost:8081' is therefore not allowed
> access. "geourl" XMLHttpRequest cannot load  "geourl" No
> 'Access-Control-Allow-Origin' header is present on the requested
> resource. Origin 'http://localhost:8081' is therefore not allowed
> access.

Nothing changed when I added

self.response.headers.add_header("Access-Control-Allow-Origin", "*")

to my webapp RequestHandler Class.

asked Mar 05 '14 at 15:58

Mingshu

What exactly is your question? – RyanKDalton Mar 05 '14 at 19:26
I cannot load json file (stored in S3) to OpenLayers. – Mingshu Mar 05 '14 at 19:45
Possibly related: Enabling CORS in OpenLayers – blah238 Mar 05 '14 at 20:15
It looks like there is no equivalent "crossOrigin" property on the GeoJSONOptions class. Not sure what that means, though. – blah238 Mar 05 '14 at 20:16
Very closely related: Problem loading a GeoJSON file using Openlayers – blah238 Mar 05 '14 at 20:24
Yet another possibility: cross domain problem with :OpenLayers.Protocol.HTTP – blah238 Mar 05 '14 at 20:30
If you want to use CORS it may not be enough to just set the Access-Control-Allow-Origin header, you also need to handle the so-called preflight process on your web server. More info here: http://www.html5rocks.com/en/tutorials/cors/ – blah238 Mar 05 '14 at 20:37

Access-Control-Allow-Origin problem when loading json file from Amazon S3 to display in OpenLayers

0 Answers0