确保你的浏览器支持WebGL
通过访问cesium官网示例https://cesiumjs.org/Cesium/Apps/HelloWorld.html或者https://get.webgl.org/或者http://www.webhek.com/post/webgl-jellyfish.html检查你的浏览器是否支持WebGL
Cesium是建立在几个HTML5新技术之上的,其中最重要的就是WebGL. 尽管这些新的技术标准正在迅速的被广泛采用,但是一些浏览器和系统需要升级之后才能支持这些技术. 如果示例程序不能运行,这里你可以尝试:
1.更新你的浏览器. 大多数Cesium团队使用谷歌Chrome浏览器, 但Firefox, Internet Explorer 11, Opera也能够运行项目. 如果你已经在使用上述的浏览器, 请确保浏览器更新到了最新的版本.
2.升级你的显卡驱动来更好地支持3D. 如果你知道你的显卡类型, 你可以访问官网升级显卡驱动. 最流行的三种显卡是Nvidia, AMD, Intel.
3.如果你电脑依旧有问题, 可以访问http://get.webgl.org/, 它提供额外的故障诊断建议. 你也可以访问Cesium论坛https://cesiumjs.org/forum/寻求帮助.
选择一个编辑器或者IDE
如果你已经是一个经验丰富的开发人员, 你很可能有一个最喜欢的编辑器或开发环境; 例如大多数Cesium开发团队使用eclipse(目前主要是用webStrom或者VSCode). 如果你刚刚开始,你一个使用免费开源的编辑器Notepad++. 使用任何一个编辑器都能工作, 所以使用你认为最舒适的编辑器.
下载Cesium发布的版本
获取CesiumJS发布的版本https://github.com/AnalyticalGraphicsInc/cesium/releases
下载完之后,解压.zip
这个工程需要一个web服务器来运行,直接点击index.html是不起作用的.
建立web服务器
为了运行Cesium项目, 我们需要一个本地的web服务器来发布我们的文件. 这里我们将使用Node.js做为服务器. 如果你已经有一个自己想使用web服务器, 那也是可以的. Cesium对服务端是没有要求的, 它完全是一个客户端. 这意味着任何可以承载静态内容的web服务器都可以托管Cesium.
用Node.js设置web服务器很简单,只需要3步:
1.从官网https://nodejs.org/en/下载Node.js, 你可以使用默认的安装设置.
2.使用cmd命令行进入Cesium工程的根目录, 通过执行 npm install 来下载和安装需要的模块. 这会在Cesium工程的根目录创建一个‘node_modules’文件夹.
3.在Cesium工程的根目录, 通过cmd执行node server.js来启动web服务器.
然后通过http://localhost:8080/访问
效果如图
Hello world!
这时候,你就可以访问http://localhost:8080/Apps/HelloWorld.html来查看效果了
用编辑器打开HelloWorld.html
1.Cesium.js包含了我们所需要的一切
2.为了引用Cesium小部件,我们需要引入widgets.css
3.在body里为viewer创建一个div
4.创建一个viewer实例
这样Cesium工程就运行起来了, 你可以写你自己的Cesium工程和网页了.