关于DEJA_VU3D - Cesium功能集专栏说明

博主简介     

博主90后专业GIS行业开发人员,一直从事GIS相关工作5年左右,主要涉及三维和地图可视化等内容。工作中难免要接触到相关开发框架,对Cesium,Three.js,openlayer,skyline等二三维开发框架的了解和运用还算可以!^_^! 。

专栏说明

     编写这个专栏主要目的是对工作中基于Cesium实现过的功能进行整合,暂时打算一周2-3更的样子来更新,每一篇都会奉上完整源代码(尽可能把代码简洁一些)。功能实现大多数是自己琢磨实现的,也有参考其他大神后整理实现的,初步算了算现在有差不多实现130个左右的功能,后续也会不断的更新。博文内容如存在错误或者有可改进之处,也希望在这里和各位大佬交流提高一下。

     专栏内容本着尽可能简洁的原则,不多说废话,直接上代码,现在就把现阶段已经实现的部分功能罗列在下面(功能不分先后):雨效果,雪效果,雾气效果,风场效果,局部风场,坐标显示及比例尺,自定义弹窗,导航(cesium-navigation-es6),工程树组件,绘制点,绘制线,绘制矩形,面(多边形),墙体(纯色),墙体(格子色),墙体(过渡色),墙体(呼吸灯),墙体(升降梯),动态扩散点,闪烁点,扇形,entity旋转,entity按需加载,Point点,Box对象,Polyline对象,PolylineVolume类管道,Rectangle对象,Sphere对象,Wall对象,Polygon对象,CoplanarPolygonhan含洞多边形,Corridor走廊,Cylinder圆锥体,Ellipse(椭)圆柱体,Circle对象,Ellipsoid(椭)球,Plane对象,视椎体,聚类分析(primitive版),量测分析-距离,量测分析-面积,量测分析-三角,卷帘分析,等高线分析,坡度分析(底图+箭头),坡度分析(仅底图),坡度分析(仅箭头),地形开挖,淹没分析,地下管网,空间体-体积,地球/地图参数,实时轨迹,历史轨迹-全路径,历史轨迹-刷新路径,抛物线扩散(Entity),卫星扫描(高空),智慧园区,普通白模,白模渲染,gltf模型,倾斜摄影模型,OSGB预览(单文件),OSGB预览(Lod层级),白模相关,动态单体化-整幢,动态单体化-楼层,模型动态调整,自定义坐标圆轴,火焰粒子,烟花效果,卫星效果1,喷泉,消防灭火,飞机过境,让中心点旋转,扫雷预览,geoq地图-ChinaOnlineCommunity_Mobile,geoq地图-ChinaOnlineCommunityENG,geoq地图-ChinaOnlineCommunity,geoq地图-ChinaOnlineStreetGray,geoq地图-ChinaOnlineStreetPurplishBlue,geoq地图-ChinaOnlineStreetWarm,渲染图叠加,点插值时间序列图,序列图-模拟洪水,序列点自动出图,局部地图,地图打印,Echarts图表,飞线图-汇聚,飞线图-发散,流动纹理,自定义表格,地址生成二维码,H5无插件播放RTSP,颜色工具类,Word/PDF/Excel/PPT等预览,导出PDF,导出Word,本地shp文件加载,在线shp文件加载,填挖方分析,电弧球材质,动态遮罩(球)材质,电弧球遮罩材质,流光道路效果,飞线效果,军事标绘-简单箭头,军事标绘-自由线,军事标绘-笔直折线,军事标绘-圆滑曲线,军事标绘-自由面,军事标绘-自定义多边形,军事标绘-正多边形,军事标绘-旗标类,军事标绘-钳击箭头,军事标绘-弓形,军事标绘-燕尾箭头,军事标绘-进攻(攻击)箭头,军事标绘-扇形,军事标绘-集结地,军事标绘-直角箭头,军事标绘-圆角矩形,军事标绘-防御阵型,完整军标组件,通视分析,剖面分析,POI搜索,路径规划分析,立体雷达效果,扇形雷达效果,圆形雷达效果,entity面编辑,entity线编辑,鼠标移入和点击高亮效果,Geoserver样式配置,geoserver配置多图层WMTS服务,Cesium加载geoserver发布的WMTS并点击获取属性,可视域分析(纯前端),可视域分析(后处理),geojson/entity聚合效果,沉降漏斗效果(点/盒子形式),沉降漏斗效果(TIN网格形式),二维热力图,三维热力图,3D网格,3D散点图,地下模式,模拟火箭发射全过程,地图纠偏包括百度地图、高德地图、腾讯地图和智图Arcgis地图,3Dtiles模型编辑(平移和旋转),gltf/glb模型编辑(平移和旋转),图片轨迹线,动态扩散圆,模拟灾害影响范围动态效果,分屏对比,热力图,专题图输出,屏幕打印完整版,状态栏.....待续

已更内容

Cesium交流群链接:Cesium交流群链接

小专栏传送门:关于DEJA_VU3D - Cesium功能集专栏说明 

DEJA_VU3D - Cesium功能集 之 完整军标组件系列预告

DEJA_VU3D - Cesium 之 vue3+vite+ts+cesium项目搭建全过程

001 - 填挖方分析

002 - 完美集成展示Echarts柱状图/折线图/饼状图

003 - 流光道路效果

004 - 动态单体化(整幢建筑)

005 - 动态单体化(分层分户)

006 - 通视分析

完整军标组件系列预告

007 - 军事标绘系列一:简单箭头

008 - 军事标绘系列二:自由线

009 - 军事标绘系列三:笔直折线

010 - 军事标绘系列四:圆滑曲线

011 - 军事标绘系列五:自由面

012 - 军事标绘系列六:自定义多边形

013 - 军事标绘系列七:正多边形

014 - 剖面分析

015 - 军事标绘系列八:旗标类,包括(曲线/矩形/正三角/倒三角/对三角)

016 - POI搜索并实现路径规划分析

017 - 军事标绘系列九:钳击箭头

018 - 军事标绘系列十:弓形对象

019 - 军事标绘系列十一:燕尾箭头

020 - 坡度和坡向分析

021 - 军事标绘系列十二:直角箭头

022 - 军事标绘系列十三:进攻(攻击)箭头

023 - 军事标绘系列十四:集结地

024 - 军事标绘系列十五:扇形对象

025 - 军事标绘系列十六:圆角矩形

026 - 军事标绘系列完整组件

027 - Cesium加载Geojson鼠标划过和点击提示

028 - 雷达扫描效果1

029 - 雷达扫描效果2

030 - 立体雷达扫描效果

031 - Geoserver发布多图层WMTS服务

032 - 加载Geoserver发布的WMTS服务并点击获取属性

033 - 可视域分析前传:自由绘制视椎体

034 - 可视域分析(纯前端)完整版

035 - 飞线图(汇聚)

036 - 飞线图(发散)

037 - 地图参数修改并配置特殊效果

038 - 直接加载本地或在线的Shape数据

039 - 流光飞线材质

040 - 鼠标跟随提示Tooltip组件

041 - 聚类分析:未修改源码自定义背景聚合效果

042 - 喷泉离子效果

043 - 离子效果:模拟火灾救援灭火

044 - 局部地图遮罩效果

045 - 沉降漏斗效果(点/盒子形式)

046 - 沉降漏斗效果(TIN网格形式)

047 - 纯前端三维网格,3D(点云)散点图仿Echarts

048 - 完整态势(军标)组件前端界面源码

049 - 填挖方分析(同时支持地形和模型)

050 - 纯前端空间体体积计算

051 - 地形开挖完美实现

052 - 模拟卫星轨道(高空)效果

053 - 地下模式效果

054 - 模拟火箭发射全过程

055 - 国内外各厂商地图服务地址汇总说明

056 - 智图Arcgis地图纠偏

057 - 百度地图纠偏

058 - 高德地图纠偏

059 - 腾讯地图纠偏

060 - 国内各厂商地图加载纠偏完整组件

061 - 天气之雨效果

062 - 天气之雪效果

063 - 天气之雾效果

064 - 历史轨迹全路径(折线/圆滑)

065 - 历史轨迹实时刷新

066 - 实时轨迹效果

067 - 洪水淹没效果

068 - 空间坐标系之箭头

069 - 空间坐标系之包围圆

070 - 编辑3Dtiles(平移+旋转)

071 - 编辑gltf(平移+旋转)

072 - 电弧球效果(材质)

073 - 动态遮罩球效果(材质)

074 - 自定义工程树组件

075 - 自定义弹窗组件(基础版)

076 - 缓冲区分析

077 - Geoserver样式配置

078 - 对象材质:图片轨迹线

079 - 对象材质:动态扩散圆

080 - 模拟灾害影响范围动态效果

081 - 编辑gltf(Entity形式)平移+旋转

082 - 热力图绘制原理

083 - Cesium热力图实现完整版

084 - 分屏对比(控制联动)

085 - 屏幕打印(地图出图)

086 - 地图打印(场景专题图输出)完整版

vue3+vite+ts+cesium项目搭建全过程

087 - 完美状态栏组件

088-军事标绘系列十七:防御阵型 

demo简图

关于DEJA_VU3D - Cesium功能集专栏说明_第1张图片关于DEJA_VU3D - Cesium功能集专栏说明_第2张图片关于DEJA_VU3D - Cesium功能集专栏说明_第3张图片关于DEJA_VU3D - Cesium功能集专栏说明_第4张图片关于DEJA_VU3D - Cesium功能集专栏说明_第5张图片关于DEJA_VU3D - Cesium功能集专栏说明_第6张图片关于DEJA_VU3D - Cesium功能集专栏说明_第7张图片关于DEJA_VU3D - Cesium功能集专栏说明_第8张图片关于DEJA_VU3D - Cesium功能集专栏说明_第9张图片关于DEJA_VU3D - Cesium功能集专栏说明_第10张图片关于DEJA_VU3D - Cesium功能集专栏说明_第11张图片关于DEJA_VU3D - Cesium功能集专栏说明_第12张图片关于DEJA_VU3D - Cesium功能集专栏说明_第13张图片关于DEJA_VU3D - Cesium功能集专栏说明_第14张图片关于DEJA_VU3D - Cesium功能集专栏说明_第15张图片关于DEJA_VU3D - Cesium功能集专栏说明_第16张图片关于DEJA_VU3D - Cesium功能集专栏说明_第17张图片关于DEJA_VU3D - Cesium功能集专栏说明_第18张图片关于DEJA_VU3D - Cesium功能集专栏说明_第19张图片关于DEJA_VU3D - Cesium功能集专栏说明_第20张图片关于DEJA_VU3D - Cesium功能集专栏说明_第21张图片关于DEJA_VU3D - Cesium功能集专栏说明_第22张图片关于DEJA_VU3D - Cesium功能集专栏说明_第23张图片关于DEJA_VU3D - Cesium功能集专栏说明_第24张图片关于DEJA_VU3D - Cesium功能集专栏说明_第25张图片关于DEJA_VU3D - Cesium功能集专栏说明_第26张图片关于DEJA_VU3D - Cesium功能集专栏说明_第27张图片关于DEJA_VU3D - Cesium功能集专栏说明_第28张图片关于DEJA_VU3D - Cesium功能集专栏说明_第29张图片关于DEJA_VU3D - Cesium功能集专栏说明_第30张图片关于DEJA_VU3D - Cesium功能集专栏说明_第31张图片关于DEJA_VU3D - Cesium功能集专栏说明_第32张图片关于DEJA_VU3D - Cesium功能集专栏说明_第33张图片关于DEJA_VU3D - Cesium功能集专栏说明_第34张图片关于DEJA_VU3D - Cesium功能集专栏说明_第35张图片关于DEJA_VU3D - Cesium功能集专栏说明_第36张图片关于DEJA_VU3D - Cesium功能集专栏说明_第37张图片关于DEJA_VU3D - Cesium功能集专栏说明_第38张图片关于DEJA_VU3D - Cesium功能集专栏说明_第39张图片关于DEJA_VU3D - Cesium功能集专栏说明_第40张图片关于DEJA_VU3D - Cesium功能集专栏说明_第41张图片关于DEJA_VU3D - Cesium功能集专栏说明_第42张图片关于DEJA_VU3D - Cesium功能集专栏说明_第43张图片关于DEJA_VU3D - Cesium功能集专栏说明_第44张图片关于DEJA_VU3D - Cesium功能集专栏说明_第45张图片关于DEJA_VU3D - Cesium功能集专栏说明_第46张图片关于DEJA_VU3D - Cesium功能集专栏说明_第47张图片关于DEJA_VU3D - Cesium功能集专栏说明_第48张图片关于DEJA_VU3D - Cesium功能集专栏说明_第49张图片关于DEJA_VU3D - Cesium功能集专栏说明_第50张图片关于DEJA_VU3D - Cesium功能集专栏说明_第51张图片关于DEJA_VU3D - Cesium功能集专栏说明_第52张图片关于DEJA_VU3D - Cesium功能集专栏说明_第53张图片关于DEJA_VU3D - Cesium功能集专栏说明_第54张图片关于DEJA_VU3D - Cesium功能集专栏说明_第55张图片关于DEJA_VU3D - Cesium功能集专栏说明_第56张图片关于DEJA_VU3D - Cesium功能集专栏说明_第57张图片关于DEJA_VU3D - Cesium功能集专栏说明_第58张图片关于DEJA_VU3D - Cesium功能集专栏说明_第59张图片关于DEJA_VU3D - Cesium功能集专栏说明_第60张图片关于DEJA_VU3D - Cesium功能集专栏说明_第61张图片关于DEJA_VU3D - Cesium功能集专栏说明_第62张图片关于DEJA_VU3D - Cesium功能集专栏说明_第63张图片关于DEJA_VU3D - Cesium功能集专栏说明_第64张图片关于DEJA_VU3D - Cesium功能集专栏说明_第65张图片关于DEJA_VU3D - Cesium功能集专栏说明_第66张图片关于DEJA_VU3D - Cesium功能集专栏说明_第67张图片关于DEJA_VU3D - Cesium功能集专栏说明_第68张图片关于DEJA_VU3D - Cesium功能集专栏说明_第69张图片关于DEJA_VU3D - Cesium功能集专栏说明_第70张图片关于DEJA_VU3D - Cesium功能集专栏说明_第71张图片关于DEJA_VU3D - Cesium功能集专栏说明_第72张图片关于DEJA_VU3D - Cesium功能集专栏说明_第73张图片关于DEJA_VU3D - Cesium功能集专栏说明_第74张图片关于DEJA_VU3D - Cesium功能集专栏说明_第75张图片关于DEJA_VU3D - Cesium功能集专栏说明_第76张图片关于DEJA_VU3D - Cesium功能集专栏说明_第77张图片关于DEJA_VU3D - Cesium功能集专栏说明_第78张图片关于DEJA_VU3D - Cesium功能集专栏说明_第79张图片关于DEJA_VU3D - Cesium功能集专栏说明_第80张图片关于DEJA_VU3D - Cesium功能集专栏说明_第81张图片关于DEJA_VU3D - Cesium功能集专栏说明_第82张图片关于DEJA_VU3D - Cesium功能集专栏说明_第83张图片关于DEJA_VU3D - Cesium功能集专栏说明_第84张图片关于DEJA_VU3D - Cesium功能集专栏说明_第85张图片关于DEJA_VU3D - Cesium功能集专栏说明_第86张图片关于DEJA_VU3D - Cesium功能集专栏说明_第87张图片关于DEJA_VU3D - Cesium功能集专栏说明_第88张图片关于DEJA_VU3D - Cesium功能集专栏说明_第89张图片关于DEJA_VU3D - Cesium功能集专栏说明_第90张图片关于DEJA_VU3D - Cesium功能集专栏说明_第91张图片关于DEJA_VU3D - Cesium功能集专栏说明_第92张图片关于DEJA_VU3D - Cesium功能集专栏说明_第93张图片关于DEJA_VU3D - Cesium功能集专栏说明_第94张图片关于DEJA_VU3D - Cesium功能集专栏说明_第95张图片关于DEJA_VU3D - Cesium功能集专栏说明_第96张图片关于DEJA_VU3D - Cesium功能集专栏说明_第97张图片关于DEJA_VU3D - Cesium功能集专栏说明_第98张图片关于DEJA_VU3D - Cesium功能集专栏说明_第99张图片关于DEJA_VU3D - Cesium功能集专栏说明_第100张图片关于DEJA_VU3D - Cesium功能集专栏说明_第101张图片关于DEJA_VU3D - Cesium功能集专栏说明_第102张图片关于DEJA_VU3D - Cesium功能集专栏说明_第103张图片关于DEJA_VU3D - Cesium功能集专栏说明_第104张图片关于DEJA_VU3D - Cesium功能集专栏说明_第105张图片关于DEJA_VU3D - Cesium功能集专栏说明_第106张图片关于DEJA_VU3D - Cesium功能集专栏说明_第107张图片关于DEJA_VU3D - Cesium功能集专栏说明_第108张图片关于DEJA_VU3D - Cesium功能集专栏说明_第109张图片关于DEJA_VU3D - Cesium功能集专栏说明_第110张图片关于DEJA_VU3D - Cesium功能集专栏说明_第111张图片关于DEJA_VU3D - Cesium功能集专栏说明_第112张图片关于DEJA_VU3D - Cesium功能集专栏说明_第113张图片关于DEJA_VU3D - Cesium功能集专栏说明_第114张图片关于DEJA_VU3D - Cesium功能集专栏说明_第115张图片关于DEJA_VU3D - Cesium功能集专栏说明_第116张图片关于DEJA_VU3D - Cesium功能集专栏说明_第117张图片关于DEJA_VU3D - Cesium功能集专栏说明_第118张图片关于DEJA_VU3D - Cesium功能集专栏说明_第119张图片关于DEJA_VU3D - Cesium功能集专栏说明_第120张图片关于DEJA_VU3D - Cesium功能集专栏说明_第121张图片关于DEJA_VU3D - Cesium功能集专栏说明_第122张图片关于DEJA_VU3D - Cesium功能集专栏说明_第123张图片关于DEJA_VU3D - Cesium功能集专栏说明_第124张图片关于DEJA_VU3D - Cesium功能集专栏说明_第125张图片关于DEJA_VU3D - Cesium功能集专栏说明_第126张图片关于DEJA_VU3D - Cesium功能集专栏说明_第127张图片关于DEJA_VU3D - Cesium功能集专栏说明_第128张图片关于DEJA_VU3D - Cesium功能集专栏说明_第129张图片关于DEJA_VU3D - Cesium功能集专栏说明_第130张图片关于DEJA_VU3D - Cesium功能集专栏说明_第131张图片关于DEJA_VU3D - Cesium功能集专栏说明_第132张图片关于DEJA_VU3D - Cesium功能集专栏说明_第133张图片关于DEJA_VU3D - Cesium功能集专栏说明_第134张图片关于DEJA_VU3D - Cesium功能集专栏说明_第135张图片

代码规范:Cesium + Vue 

以初始化为样例Demo.vue:




如果客官您有问题,可以在本文下留言!

如果客官您有什么建议意见,可以在本文下留言!

如果客官您有批评指正,可以在本文下沟通讨论!

如果实例demo有数据缺失,评论留下您的邮箱地址!

如果客官您有其他的功能需求,可以在本文下留言,不管能不能实现,总会给出回复!a

你可能感兴趣的:(DEJA_VU3D,-,Cesium功能集(附源码),Cesium,VUE,WebGL,Three.js,javascript)