- 基础知识
- 入门教程
- 中级教程
- 官方教程
- 博客文章
- Cesium 应用篇-添加雨雪天气
- Cesium 源码剖析-Post Processing 之物体描边 Silhouette
- Cesium 源码剖析-Ambient Occlusion 环境光遮蔽
- Cesium 源码剖析-Clipping Plane
- Cesium 源码剖析-视频投影
- Cesium 之加载地形图 Terrain 篇
- Cesium 之三维漫游飞行效果实现篇
- Cesium 之地图贴地量算工具效果篇
- Cesium 之简介以及离线部署运行篇
- Cesium 之核心类 Viewer 简介篇
- Cesium 之自定义气泡窗口 infoWindow 篇
- Cesium 之自定义气泡窗口 infoWindow 后续优化篇
- Cesium 之图层管理器篇
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
Cesium 编程入门
搭建最简的开发环境
这一节来搭建一个最简单的能运行的helloworld,以后的代码也会在这一节的基础上慢慢增加
创建文件夹
mkdir cesium-test
cd cesium-test
引入编译成果
将cesium源码中的Build文件夹,拷入cesium-test
创建html
将cesium-1.4.0/Apps/ 中的HelloWorld.html 拷入cesium-test
使用vscode 等编辑器打开
修改js和css的文件路径
<script src="../Build/Cesium/Cesium.js"></script>
@import url(../Build/Cesium/Widgets/widgets.css);
修改为
<script src="Build/Cesium/Cesium.js"></script>
@import url(Build/Cesium/Widgets/widgets.css);
发布
文件修改完成,如果直接双击helloworld.html,会报错
这是因为网站需要通过发布才能正常运行,可选择地发布工具有很多,nodejs,php,iis…等,这里我使用了php来发布,
打开命令行工具,定位到cesium-test目录,执行php -S localhost:4111 (不一定非要写4111,端口号的范围从0到65535,尽量不要使用一些特定的端口,比如用于浏览网页服务的80端口,用于FTP服务的21端口等)
➜ cesium-test php -S localhost:4111
PHP 7.1.7 Development Server started at Sun Dec 24 20:42:17 2017
Listening on http://localhost:4111
Document root is /Users/elusive/Documents/githubs/cesium-test
Press Ctrl-C to quit.
打开浏览器,输入localhost:4111,就能看到熟悉的helloworld界面
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论