cesium billboard跨域問題1

群里小伙伴問道使用billboard加載圖片時出現跨域問題，一般認為在服務器端設置

Access-Control-Allow-Origin: *

例如用tomcat發布圖片服務，可以這樣設置：https://www.cnblogs.com/SmilingEye/p/11158405.html

就可以實現跨域訪問，如果服務器不設置，使用<img>標簽圖片依舊可以跨域訪問，但是cesium的billboard就會出現跨域報錯問題

Access to image at 'https://xuxinghttps.oss-cn-qingdao.aliyuncs.com/zjl/img/ccb191fb937cd8464435f7da069ff2f3.png' from origin 'http://app.sdzhujialin.com' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

為什么cesium的billboard會出現跨域問題，它的源碼里到底是這么加載圖片的？

viewer.entities.add({
        position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
        billboard :{
            image : 'http://localhost:8080/img/ccb191fb937cd8464435f7da069ff2f3.png'
        }
    });

查到兩篇博客

分析three.js加載圖片跨域問題，和cesium的問題類似

https://www.jianshu.com/p/8fa0fb53c183

講解crossorigin="anonymous"屬性，在<img>標簽加入crossorigin="anonymous"，確實會出現跨域問題

https://www.jianshu.com/p/a45c9d089c93

 

源碼解析：https://www.cnblogs.com/SmilingEye/p/11471013.html