cesium的Hello World无法加载地球

Question

已替换上了自己的token，但还是没有地球。

这是弹出的错误窗口，不知道怎么解决其中描述的问题。

切换右上角的地图也无法显示地球，甚至在sandcastle中也无法显示地球。

Answer 1

引自免费微信小程序：皆我百晓生

这个问题与Cesium和WebGL的使用有关，尤其是与CORS（跨源资源共享）问题有关。以下是基于你所提供的问题和信息的解决方案：

问题分析

从错误提示来看，问题似乎与图像元素的跨域数据有关。当WebGL试图加载图像元素中的跨域数据时，可能会遇到安全限制，导致无法加载地球图像。这可能是由于图像的来源域与你的网页域不同造成的。

解决方案

1. 检查图像来源的CORS设置

确保你使用的图像源支持CORS，并且已经为你的域名设置了适当的跨域访问权限。这通常需要图像源服务器配置CORS头部。

2. 使用支持CORS的图像源

尝试更换图像的来源，使用支持CORS的图像源。Cesium官方提供的示例和资源可能是一个好的起点。

3. 检查Token设置

确保你的Cesium Ion的access token是正确的，并且与你的Ion账户关联。这个token是用于访问Cesium Ion服务（如地图和地形数据）的。

4. 检查网页的HTTPS设置

如果你的网页是通过HTTPS加载的，确保图像源也支持HTTPS，因为某些CORS策略可能要求使用安全的连接。

代码修改建议

你的代码看起来是正确的，除了确保图像源的问题得到解决外，不需要对代码进行大的修改。但如果问题仍然存在，你可以尝试以下步骤：

1. 确保脚本加载顺序

确保Cesium的脚本在调用new Cesium.Viewer()之前已经加载完成。

2. 检查控制台错误

打开浏览器的开发者工具，查看控制台是否有其他错误或警告信息，这些信息可能会提供更多关于问题的线索。

总结

主要问题是与跨域图像加载有关的安全错误。解决这个问题通常需要确保图像源支持CORS，并使用正确的token设置。如果问题仍然存在，建议详细检查浏览器的控制台输出以获取更多关于错误的详细信息。希望这些建议能帮助你解决问题！