Cesium-开发入门(初识,安装快速入门)

cesium——简介:

cesium在项目中的定位:

早期的js是指2D(二维)基于ArgGIS,QGIS等开发,随着时代科技发展加入了BS后由添加使用了Openlayers,Leaflet,Mapbox等(在这些里软件里面是可以进行基于原有数据二次开发,不同于我们现在熟知的Google,Baidu,高得等它们再进行二次开发时有了限制条件)往3D方向开发时出现了Google Earth,skyline等。发展到如今同时兼顾BS和3D的就属我们今天的主角cesium了。

官方介绍:

1.一个开源的javacript三维虚拟地球/地图

2.cesium的目标是动态数据可视化的虚拟地球领导者,尽一切可能去优化性能,精度,效果,易用性,平台支撑内容。

cesium的作用

上面阐述相信大家对cesium已经有了一个简单的认知,我们再来引入官方的话来说明cesium的作用

1.支持2D,2.5D,3D形式的地图展示,

2可以绘制各种几何图形,高亮区域,支持图片导入,甚至3D模型等多种数据可视化展示

3可用于动态数据可视化并提供良好的触摸支持,支持绝大多数浏览器和mobile.

4.Cesium还支持基于时间轴的动态数据展示

cesium的依赖性:

基于HTML5标准,无插件,跨平台

无法独立运行,依赖于浏览器(Cesium基于Electron架构)

浏览器是基于HTTP协议的,所以Cesium要正确运行必须有HTTPServer

但是HTTPServer 的实现不限于开发语言和服务器,学Cesium也可以不是用nodejs

cesium-知识体系:

cesium是一个跨界的SDK,涉及3个知识领域

web前端

计算机图形学

地理信息系统(GIS)

安装

说了这么多我们开始讲讲Cesium的安装

官网下载https://cesium.com/downloads/

Github上下载https://github.com/CesiumGS/cesium

安装nodejshttps://nodejs.org/en/

npm install //安装cesium开发和运行中以来的第三方nodejs包

npm run release //把cesium各模块源码打包压缩生——cesium.js

npm start //开启cesium的测试Http Server

Cesium-开发入门(初识,安装快速入门)

Cesium-开发入门(初识,安装快速入门)

这一步时间可能略微有些长

 Cesium-开发入门(初识,安装快速入门)

复制链接在浏览器中打开http://localhost:8081/ 会显示如下页面. 其中cesium所有的实例都放在Sandcastle里面,成功会显示如下界面。

Cesium-开发入门(初识,安装快速入门)

我们点开sandlcastle 就可以看到官方示例了。

Cesium-开发入门(初识,安装快速入门)

下节我们来学习如何自己创建一个地球~ 

上一篇:cesium 偏航(yaw)/俯仰(pitch)/滚动(roll)


下一篇:在vue-cli4.x 中使用cesium1.8