Node+npm+Cesium安装教程

1. Cesium介绍
Cesium是一个跨平台、跨浏览器的展示三维地球和地图的开源Javascript库,使用WebGL硬件加速图形,使用时不需要任何插件,只需浏览器支持WebGL即可。
Cesium功能很强大,能支持2D,2.5D,3D地图展示,可以绘制各种点、线、面、体等实体,提供基于时间轴动态展示功能,支持轨迹、影像、3d模型等多种数据动态可视化展示。
2. 环境搭建
cesium 官网给出了安装步骤:node安装->npm安装->server.js服务启动->浏览器中网页访问 Node+npm+Cesium安装教程_第1张图片
第一步:安装包下载
(1)Node下载,根据操作系统选择相应的node安装包,64位win10系统。下载链接: https://nodejs.org/en/download/
(2)Cesium下载,在cesium官网下载最新版本,存放路径:E:\cesium。下载链接:https://cesiumjs.org/downloads/
第二步:node+npm依赖包安装(核心)
(1)node安装
直接按照提示下一步,完成安装,设置安装路径:D:\Program Files\nodejs,安装完之后可在cmd命令栏中输入node -v测试安装是否成功。
在这里插入图片描述
(2)npm安装和环境配置
node安装成功后,可用npm install命令安装npm。
但安装时会遇到报错 npm WARN saveError ENOENT: no such file or directory, open ‘C\Users\package.json’
解决方法:输入命令npm init -f,初始化项目,再次输入npm install,可能会有Warning提示no description,no repository field,不用管最后 npm -v命令可以检测npm是否成功安装
Node+npm+Cesium安装教程_第2张图片
(3)npm依赖包安装
1)修改配置
在nodejs安装路径下建立两个文件夹:node_global、node_cache
npm config set prefix “D:\ProgramFiles\nodejs\node_global”
npm config set cache “D:\ProgramFiles\nodejs\node_cache”
2)安装依赖包
npm install express -g
npm install compression -g
npm install request -g
npm install yargs -g
Node+npm+Cesium安装教程_第3张图片
(4)运行cesium的HelloWorld示例demo
在命令栏进入cesium的根目录E:\cesium\Cesium-1.51,输入node server.js启动服务,会提示本地服务启动,连接至http://localhost:8080/
在这里插入图片描述
然后可在浏览器通过http://localhost:8080/Apps/HelloWorld.html访问helloworld示例文件。

可能会遇到报错Error: Cannot find module ‘express’.
Node+npm+Cesium安装教程_第4张图片
解决办法是在命令栏切换到cesium根目录E:\cesium\Cesium-1.51,输入命令
npm install express
npm install compression
npm install request
npm install yargs
然后输入node server.js即可成功启动服务。

你可能感兴趣的:(cesium)