Cesium入门01-环境构建


简述Windows的Cesium环境搭建流程以及操作可能遇到的问题

一、安装过程

tip:由于官网下载速度感人,下面网盘链接里提供了从官网下载的NodeJS(v12.16.0)和Cesium(v1.40)
链接:https://pan.baidu.com/s/16Vykoplg1VRJ_WUpwL2L0w 提取码:kgij

1.下载并安装NodeJS

(官网:https://nodejs.org/en/download/
NodeJS下载
下载完安装包,直接走安装流程
验证过程(在cmd中键入 node -v):若返回版本号,即为安装完成
在这里插入图片描述

2.下载Cesium

(官网:https://cesium.com/downloads/)
在这里插入图片描述
下载完是一个压缩包,解压缩(要记住存储路位置)

3.下载package,打开cmd:

方法1(由于该方法下载速度感人,建议使用方法2):

$npm install connect

方法2 (利用淘宝镜像下载,结果同方法1一样):

$npm install -g cnpm --registry=https://registry.npm.taobao.org
$cnpm -v
$cnpm install

4.测试环境是否搭建完成:

打开cmd,进入你电脑的Cesium路径
$node server.js

正常结果如下
在这里插入图片描述

接下来访问该网址:http://localhost:8080/
如果出现下图结果,则环境搭建完成。
在这里插入图片描述至此环境搭建结束

二、安装可能会出现的问题

问题1

访问http://localhost:8080/正常,但是点Hello World一片漆黑怎么办?
在这里插入图片描述
答:网页默认使用Bing图层,无法访问。根据下图切换非必应图层即可进行正常显示。

在这里插入图片描述在这里插入图片描述

如果个人喜欢使用Bing图层,可以去创建一个Cesium ion账户,并且生成一个访问token(也就是key)。关于如何改变默认必应图层的具体操作,下篇文章会具体具体讲解。

问题2

在安装package的过程中出现下列的错误代码怎么办?

npm ERR! path E:\SouthernPowerGridProject\web_project\AutoOPS\autoops\node_modules\fsevents\node_modules\dashdash\node_modules
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall scandir
npm ERR! Error: EPERM: operation not permitted, scandir 'D:\SouthernPowerGridProject\web_project\AutoOPS\autoops\node_modules\fsevents\node_modules\dashdash\node_modules'
npm ERR!  { Error: EPERM: operation not permitted, scandir 'D:\SouthernPowerGridProject\web_project\AutoOPS\autoops\node_modules\fsevents\node_modules\dashdash\node_modules'
npm ERR!   stack: 'Error: EPERM: operation not permitted, scandir \'D:\\SouthernPowerGridProject\\web_project\\AutoOPS\\autoops\\node_modules\\fsevents\\node_modules\\dashdash\\node_modules\'',
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'scandir',
npm ERR!   path: 'D:\\SouthernPowerGridProject\\web_project\\AutoOPS\\autoops\\node_modules\\fsevents\\node_modules\\dashdash\\node_modules' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Users\ThinkT420\AppData\Roaming\npm-cache\_logs\2017-10-30T06_50_38_610Z-debug.log

答:应该清除缓存文件,在cmd中:
$ npm cache clean --force
然后重新执行下载。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值