使用Tomcat架设Cesium服务

1. 进行tomcat的安装配置:

具体步骤可以百度实现,这里不详述了。包括下载安装,配置环境变量,最后启动服务。

2. 修改Tomcat默认主页

前面介绍开启tomcat服务时,默认登录的页面是tomcat的,我们需要把默认主页改为Cesium的访问主页面。

最简单的办法是删除Tomcat目录下的\webapps\ROOT文件夹下所有文件,然后将自己主页的文件全部放在Root文件夹下面。

同时删除文件夹\work\Catalina内的所有文件即可。
3. Cesium配置

下载Cesium(最新版本,可上cesium官网上下载),将其解压缩在Tomcat目录下的Webapps文件夹内,Cesium文件夹结构如下:

Cesium入门级开发---Tomcat服务上部署Cesium

注意,我们下载的压缩包文件是放在服务器端的,index.html就是我们通过浏览器访问tomcat服务器上的Cesium的主页面,不能直接双击打开,必须通过浏览器访问才能打开。

4. 浏览器访问Cesium及调试

确保你的浏览器支持WebGl,现在最新的浏览器如Chrome/Edge都支持的。 
确保tomcat的服务打开,在浏览器地址栏输入http://localhost:8080/Cesium-1/即可打开: 

注意:Cesium-1 为你解压后的文件名。

最后出现如下界面即为部署成功,localhost代表tomcat是本地服务,如果是在远程服务器上部署的tomcat则需要服务器地址

Cesium入门级开发---Tomcat服务上部署Cesium

我个人建议在本地机器利用Cesium开发的简单流程如下:

在Cesium-1.44文件夹内创建自己的个人文件夹(我的是lyf),以后自己所有开发的所有网页(html,img,css)都放在这个文件夹中。
拷贝Cesium-1.44/Apps/HelloWorld.html文件到个人文件下,并修改名称(如LyfHelloWorld.html),以便区别。
在Cesium主文件index.html中,创建连接指向个人文件夹中的html文件,如LyfHelloWorld.html。
利用各种网页编辑器(Eclipse,Visual Studio Code,PyCharm等)直接修改LyfHelloWorld.html,或者创建其他的网页。
然后浏览器刷新主页http://localhost:8080/Cesium-1.44/,点击指向所要测试的连接即可查看修改后的效果。 
(参考作者:云上飞47636962) 
最后点击Hello World界面,则为开发的初始界面,以后的开发和修改工作都可以在这个界面上进行修改,或者是在自己新建的页面上修改。

5.  最后附上推荐的几个学习网站

https://cesiumjs.org/Cesium/Build/Documentation/Scene.html?classFilter=sce

http://www.narutogis.com/apis/Cesium-1.50/Apps/Sandcastle/index.html?src=Picking.html

 

相关文章: