cesium本地环境搭建
一、简介
CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data.
Cesium是一款开源的基于JavaScript的3D地图框架,简而言之就是一个地图可视化框架。
二、下载Cesium包
下载后进行解压。
三、安装node.js
Cesium是纯前端的代码,官方给出的源代码中,配套了nodejs的server端,以及可以通过nodejs进行安装部署。实际上可以将Cesium部署进入tomcat(geoserver)、apache、nginx等服务器中。
我们使用官网推荐的nodejs。
https://nodejs.org/en/
下载后需要点击安装。
四、下载依赖
当前的Cesium目录下还缺少依赖的包,需要用npm命令手动安装。
- 方法一
在Cesium所在的文件夹目录,打开cmd敲入命令
npm install
安装所有Cesium依赖的js包
- 方法二(使用淘宝镜像,推荐)
大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次,以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
(使用淘宝镜像)
cnpm install
(用cnpm取代npm)
安装成功后应该可以看到Cesium目录下增加了一个node_modules文件夹。
五、运行
在Cesium目录下运行
npm start
控制台会显示:Cesium development server running locally. Connect to http://localhost:8080
不要关闭控制台,在浏览器中输入http://localhost:8080即可以访问Cesium。
点击Hello World即会出现我们在官网上看到的画面,不过这次是运行在本地的。
六、学习资料
除了官方文档外,中文社区也提供了一些较好的学习资料
http://cesiumcn.org/