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

简介: 生活是如此的艰难,还是学习来的简单,哈哈哈。亲爱的朋友们,还在为学习Cesium 苦恼吗,还在苦苦找不到Demo吗,来这里,来这里,资深大牛为你探路,助你快速学习Cesium 。

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


Cesium

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

image.png

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初始化第三方库


image.png

npm install
  • 1

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

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

4.编译

npm run build
  • 1

5.运行

npm run start
  • 1

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

 

 

 

 

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

目录
相关文章
|
定位技术
干货!解决Cesium中Entity移动漂移的问题
案例场景:在Cesium开发三维场景展示中,肯定会碰到加载Entity的需求,如果在你的gis应用中,带了地形的展示。那么在旋转切换画面时,Entity是否跟着一起动了起来,感觉像漂移一样呢?
4816 0
干货!解决Cesium中Entity移动漂移的问题
|
数据可视化 JavaScript 前端开发
Turf.js介绍
Turf.js介绍
1915 0
cesium添加实体不被地形遮挡的参数设置
disableDepthTestDistance:指定从相机到禁用深度测试的距离,关于深度测试我们将在后面的文章中介绍到,由于深度测试的存在,我们的对象很多时候会被地形挡住,如下:
3369 0
cesium添加实体不被地形遮挡的参数设置
element 下拉菜单el-dropdown如何更改样式?
element 下拉菜单el-dropdown如何更改样式?
2599 0
|
定位技术 API 网络架构
地图图层接入:从mapbox转向cesium
由于地图坐标系的不统一,地图图商提供的图层服务也各有特色,在图层对接的开发过程中常会遇到许多坑,从二维图层到三维图层,地图引擎mapbox再到cesium,本文将分享笔者在近期地图图层接入过程中总结的一些经验。
5449 10
Threejs实现模拟管道液体流动
Threejs实现模拟管道液体流动
4089 0
Threejs实现模拟管道液体流动
|
定位技术 开发工具 Android开发
Leaflet开发入门
Leaflet开发入门
859 0
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
1810 0
|
atlas
Cesium导入geojson数据
这篇文章详细描述了如何在Cesium中导入GeoJSON数据来绘制地理矢量数据,并提供了实现的具体方法和示例代码。
1156 2
Cesium导入geojson数据
|
Java
java.io.IOException: 远程主机强迫关闭了一个现有的连接
java.io.IOException: 远程主机强迫关闭了一个现有的连接
587 1