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.76版本,Sandcastle中无地球,控制台报https://api.cesium.com/v1/assets/2/endpoint?access_token=—–401

      1. 您好,我的运行helloWorld也是黑色一片。您说可能是bing key的问题,自己申请bingkey怎么进行呢,谢谢

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

  1. 大佬,我下载了你码云上的包,访问不到8080,页面发布之后访问的是http://localhost:4111/lesson13/index.html

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

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

  4. 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,
      });

  5. node js 6.10.3 这个版本必须要win server2012以上的啊,
    目前我系统下node -v v6.1.0
    Cesium-1.40 安装不了?

发表评论

电子邮件地址不会被公开。 必填项已用*标注