cesium编程入门(二)环境搭建

Elusive 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代码

  1. 下载官方包 地址，由于总所周知的原因，速度很感人  

  2. 百度云链接 密码: 9g73 版本1.40

  3. 如果想了解最新的进展可以直接克隆 github 上的代码 github地址，
    注意有些特性在分支版本里面才有，

获取安装包之后

方法一：

  1. 解压
  2. 打开命令行，进入当前目录
  3. 安装依赖，输入: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/

方法二：

这里如果使用 express发布遇到问题，可以使用 http-server
$ npm install http-server -g
$ http-server -c-1 (如果只输入http-server，更新代码后，页面不会同步更新)

打开浏览器，输入 http://localhost:8080/ (浏览器必须支持webgl，推荐使用chrome)
如果出现

方法三:

使用 nodejs发布，参考这里


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

Sandcastle

Documentation

里面是Cesium的完整的API说明，里面可以找到：

  • 某一个模块的所有函数，属性
  • 部分效果截图
  • 部分函数，属性调用代码示例

缺点：搜索功能不够强大

Sandcastle

这个就厉害了，是一个沙盒，你可以在里面
+ 浏览当前版本的一些功能特性
+ 一个可运行的代码库
+ 新建一个页面，进行代码测试
+ 导出测试代码
+ …

推荐的学习方式

  1. 先浏览一遍沙盒里的所有示例，Cesium能做什么，做成什么样，心里有数
  2. 做自己需要的功能时，查找到相关示例代码，弄懂，最好浏览一遍用到的模块的API
  3. 如果是深入研究的话，就需要有对WebGL有更深层次的了解
  4. 用它做自己感兴趣的项目。。。

Cesium学习交流群:593764057

录了个视频，有兴趣的朋友可以看一下 cesium环境搭建

下一节，我们开始 使用cesium开发

最近红包有点大~~

59 thoughts to “cesium编程入门(二)环境搭建”

      1. 大佬们，现在遇到一个问题，需要调用cesium服务时，有时候会提示证书过期，然后项目以后会运行在内网环境，有没有什么好方法可以跳过证书验证，稳定运行代码的方法呀？

    1. 不知道你说的新版本是什么版本，我用1.71版本php和node 发布都没出现你说的问题。
      另外，你提问的话，建议把版本环境说一下，不然这个问题根本没法回答。

  18. 大佬你好，这个环境需要部署服务器环境，我想做的是用类似于html网页的方式能够嵌入Qt程序中做成桌面应用这个可以吗？

  21. 为什么我在source>core>Ion.js>defaultAccessToken中更新了token 还是原先的token的？然后报错， 是需要重新对cesium打包吗 —请问怎么处理，谢谢哈

  26. 1.4版本启动了，看不叫球？请问怎么解决。我在js里面添加了Cesium.Ion.defaultAccessToken = ‘token’。但是报错Cannot set properties of undefined (setting ‘defaultAccessToken’)

    1. var viewer = new Cesium.Viewer(“cesiumContainer”, {
      imageryProvider: new Cesium.TileMapServiceImageryProvider({
      url: Cesium.buildModuleUrl(“Assets/Textures/NaturalEarthII”),
      }),
      baseLayerPicker: false,
      geocoder: false,
      });

发表评论