Question

我正在尝试使用新的OSM层更新（几年前）OL2 JS应用程序

我的图层代码是：

                        var osm = new OpenLayers.Layer.OSM(
                                "Hydda",
                                ["http://a.tile.openstreetmap.se/hydda/full/${z}/${x}/${y}.png"],
                                {crossOriginKeyword: null}
                        )

如果没有以下错误，我无法加载图块：

来自“http://a.tile.openstreetmap.se”的图片已被屏蔽从跨源资源共享政策加载：否请求中存在“Access-Control-Allow-Origin”标头资源。因此，不允许原点“http://mysite”访问。

有什么想法吗？ crossOriginKeyword声明应该处理这个，对吧？

Answer 1

这显然与公司防火墙配置错误有关，而不是OpenLayers配置的结果。

Answer 2

您的通话缺失tileOptions {}

 var layerOSM2 = new OpenLayers.Layer.OSM(
    "Hydda",
    ["http://a.tile.openstreetmap.se/hydda/full/${z}/${x}/${y}.png"],
    {tileOptions: 
       {crossOriginKeyword: null}
    }
 );

OpenLayers2没有'Access-Control-Allow-Origin'标头错误

2 个答案: