发布时间：2025-12-09 16:18:26 浏览次数：4
之前一直在做三维GIS方面的开发，使用的是睿城传奇的stampGIS，目前该三维GIS平台支持IE浏览器，在大规模三维场景渲染方面速度还可以。业余时间也查阅了相关三维方面的GIS平台，特别是开源方面，其中Cesium表现比较突出，所以花了点时间学习一下。
Cesium是基于JavaScript编写的，使用WebGL的地图引擎，一款开源3DGIS的js库。无插件支持多种浏览器，IE，Chrome,火狐等，目前最新版本的Cesium版本为4.8。下面来学习一下Cesium环境的搭建。这里我们使用的服务器是tomcat，版本为9.0.0。从github上下载最新版本的Cesium，整个文件的结构如下图所示。
将Build整个目录拷贝到tomcat的webapp项目工程，这里将Build修改为CesiumAPI了，当然可以根据自己的需要，进行修改。具体如下图所示。
在index.html页面中添加Ceisum的javascript脚本和css样式，这里只是简单的做了展现球的测试。具体代码如下。
<!DOCTYPE html><html lang="en"><head><!-- Use correct character set. --><meta charset="utf-8"><!-- Tell IE to use the latest, best version. --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- Make the application on mobile take up the full browser screen and disable user scaling. --><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><title>Hello World!</title><script src="CesiumAPI/Cesium/Cesium.js"></script><style>@import url(CesiumAPI/Cesium/Widgets/widgets.css);html, body, #cesiumContainer {width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}</style></head><body><p id="cesiumContainer"></p><script>var viewer = new Cesium.Viewer('cesiumContainer');</script></body></html>最后的测试效果如下。
注意运行的时候必须将tomcat服务开启。还有,本人在学习的时候没有完整的复制Build目录出现一些问题，因此需要完整复制Build目录下的文件。
更多内容，微信扫二维码关注公众号
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流