- 基础知识
- 入门教程
- 中级教程
- 官方教程
- 博客文章
- 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 环境搭建
环境搭建 编译
node 安装
Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。
安装完成后,打开命令行,输入:node -v,如果结果为版本号,表明安装成功
$ node -v
v6.10.3
cnpm 设置
国内使用npm时有时速度很慢,推荐使用cnpm替代,使用方法和npm一样,链接:淘宝 NPM 镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm -v
cnpm@5.1.1 (/usr/local/lib/node_modules/cnpm/lib/parse_argv.js)
npm@5.3.0 (/usr/local/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@6.10.3 (/usr/local/bin/node)
npminstall@3.1.1 (/usr/local/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local
darwin x64 17.2.0
registry=http://registry.npm.taobao.org
Cesium代码
- 下载官方包 地址,由于总所周知的原因,速度很感人
百度云链接 密码: 9g73 版本1.40
- 如果想了解最新的进展可以直接克隆 github 上的代码 github地址,
注意有些特性在分支版本里面才有,
获取安装包之后
- 解压
- 打开命令行,进入当前目录
- 安装依赖,输入:cnpm install,等待安装完成,然后输入: node server.js
$ cd ./Cesium-1.40
$ cnpm install
...
Installed 37 packages
Linked 569 latest versions
$ npm start 或者 node server.js(新版本是 node server.cjs)
Cesium development server running locally. Connect to http://localhost:8080/
打开浏览器,输入 http://localhost:8080/ (浏览器必须支持webgl,推荐使用chrome)
如果出现
4. 到这里,环境搭建完成。
如果需要使用ip访问,修改1.40中server.js中 161行
var server = app.listen(argv.port, argv.public ? undefined : ‘localhost’, function() {改为var server = app.listen(argv.port, argv.public ? undefined : ”, function() {发布之后,可使用ip地址访问推荐使用编辑器
如果单纯的学习如何使用的话,使用http://localhost:8080/Apps/Sandcastle/index.html应该就够了,如果要使用编辑器的话,推荐使用vscode,
vscode插件提示了解一下:cesium编程中级(九)cesium工具篇-VS Code提示 ^_^.
使用说明
环境搭建好之后,输入 http://localhost:8080/ 有两个链接非常重要
Documentation
里面是Cesium的完整的API说明,里面可以找到:
- 某一个模块的所有函数,属性
- 部分效果截图
- 部分函数,属性调用代码示例
缺点:搜索功能不够强大
Sandcastle
这个就厉害了,是一个沙盒,你可以在里面
+ 浏览当前版本的一些功能特性
+ 一个可运行的代码库
+ 新建一个页面,进行代码测试
+ 导出测试代码
+ …
推荐的学习方式
- 先浏览一遍沙盒里的所有示例,Cesium能做什么,做成什么样,心里有数
- 做自己需要的功能时,查找到相关示例代码,弄懂,最好浏览一遍用到的模块的API
- 如果是深入研究的话,就需要有对WebGL有更深层次的了解
- 用它做自己感兴趣的项目。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论