天天看点

震惊,偶像大神亲自上场,Cesium 50个实例集合,讲解、分析(内附源码)

本系列教程出自我的偶像,军神,哈哈哈,偶像地址: https://xiaozhuanlan.com/topic/0834596127

Cesium

Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。

震惊,偶像大神亲自上场,Cesium 50个实例集合,讲解、分析(内附源码)

Cesium-Project

为方便快速测试 Cesium Demo使用,添加了一些演示demo并且提供了webpack打包的示例。

例概要说明:

1.Draw.js 动态绘制 点、线、面

2.Scanning.js 一个简单的扫描功能

3.Spline.js 样条插值

4.HeightProperty.js 一个类似淹没分析的效果

5.VectorTile.js 矢量切片加载

6.Ellipsoids.js 圆特效

7.Sensor.js 传感器,可设置角度,位置等

8.PolylineArrow.js 动态线效果

9.VolumesCZML.js 加载czml文件 支持传感器等动画特效

10.VolumesApi.js VolumesApi 调用效果

11.Fly.js 绕点飞行

12.Radar.js 气象雷达动态图

13.VisibleAnalysis.js 通视分析

14.EagleEye.js 鹰眼地图

15.Measure.js 测量

16.Translucency.js 地球半透明,可做地下管线、矿山项目

17.Interior.js 地球内部,结合VectorTile.js会出很牛的效果

3dtiles加载

可视域分析_3DTiles

站心坐标转WGS84

操作说明:

1.npm初始化第三方库

震惊,偶像大神亲自上场,Cesium 50个实例集合,讲解、分析(内附源码)

npm install
      
  • 1

2.在根目录创建文件夹,文件夹名称为“ThirdParty” 。

3.将根目录下“node_modules\cesium\Build\Cesium”拷贝到“ThirdParty” 下。

4.编译

npm run build
      

5.运行

npm run start
      

注:可以不要“2”、“3”步骤的,只是为了初学者能更快的找到源码位置。

各位小伙伴,心动如心动,赶紧来来,燥起来,让我一起跟着大牛学习起来。

继续阅读