使用Node.js运行Cesium项目

时间:2024-03-14 20:49:17

确保你的浏览器支持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

使用Node.js运行Cesium项目

下载完之后,解压.zip

使用Node.js运行Cesium项目

这个工程需要一个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’文件夹.

使用Node.js运行Cesium项目

使用Node.js运行Cesium项目

    3.在Cesium工程的根目录, 通过cmd执行node server.js来启动web服务器.

    使用Node.js运行Cesium项目

然后通过http://localhost:8080/访问

效果如图

使用Node.js运行Cesium项目

Hello world!

这时候,你就可以访问http://localhost:8080/Apps/HelloWorld.html来查看效果了

使用Node.js运行Cesium项目

用编辑器打开HelloWorld.html

使用Node.js运行Cesium项目

    1.Cesium.js包含了我们所需要的一切

    2.为了引用Cesium小部件,我们需要引入widgets.css

    3.在body里为viewer创建一个div

    4.创建一个viewer实例

这样Cesium工程就运行起来了, 你可以写你自己的Cesium工程和网页了.