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

举报
DreamLife 发表于 2022/04/16 00:40:10 2022/04/16
【摘要】 生活是如此的艰难,还是学习来的简单,哈哈哈。亲爱的朋友们,还在为学习Cesium 苦恼吗,还在苦苦找不到Demo吗,来这里,来这里,资深大牛为你探路,助你快速学习Cesium 。 本系列教程出自我的偶像,军神,哈哈哈,偶像地址:https://xiaozhuanlan.com/topic/0834596127 Cesium Ces...

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

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

Cesium

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

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会出很牛的效果

  1. 3dtiles加载
  2. 可视域分析_3DTiles
  3. 站心坐标转WGS84

操作说明:

1.npm初始化第三方库

npm install

 
  • 1

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

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

4.编译

npm run build

 
  • 1

5.运行

npm run start

 
  • 1

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

 

 

 

 

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

声明

本文虽有部分内容来之偶像文章内容,但是经过偶像授权,放心转载。

 

 

 

 

文章来源: dreamlife.blog.csdn.net,作者:DreamLife.,版权归原作者所有,如需转载,请联系作者。

原文链接:dreamlife.blog.csdn.net/article/details/108269834

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。