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
然后重新执行下载。

发布了5 篇原创文章 · 获赞 2 · 访问量 103

猜你喜欢

转载自blog.csdn.net/weixin_40289902/article/details/104390069
今日推荐