openlayers加载天地图过程中遇到跨域问题

// 采用openlayers加载天地图
var layer = new ol.layer.Tile({
    source: new ol.source.XYZ({
        // crossOrigin: 'Anonymous', // 是否请求跨域操作
        url: url // 天地图地址
    })
});

crossOrigin 参数的设置能引起跨域问题。

这个参数使用场景如下官网所述:

加载图像的crossOrigin属性。请注意,如果使用的是WebGL渲染器,或者要使用Canvas渲染器访问像素数据,则必须提供crossOrigin值。有关更多详细信息,请参见https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image。

原文地址:https://www.cnblogs.com/wwj007/p/11995624.html