Cesium
文章平均质量分 84
合抱阴阳
大方、自信、直接、得体!从事让地球环境更美好工程!
展开
-
java实现地形dem产汇流流场数据提取解析
在GIS和气象学、海洋学、大气科学、水文学等领域,"提取流场"通常指的是从数据集中识别和分析流体(如水流、风场、洋流、大气流)的运动模式和流向的过程。:获取相关数据,如卫星遥感数据、雷达图像、模型输出、浮标测流速计数据。:确保数据格式兼容,可能需要转换为GIS或流场分析软件支持的格式。原创 2024-05-31 17:20:06 · 1221 阅读 · 0 评论 -
mesh网格数据解析及cesium绘制格网三角网可视化实现
Mesh通常指网络拓扑中的网状结构。原创 2023-06-27 11:54:05 · 3398 阅读 · 0 评论 -
cesium封装实现配置格网及插值高程面实现
三角格网',name:'格网',二、插值算法得到的插值结果。原创 2023-03-01 14:01:49 · 1173 阅读 · 1 评论 -
cesium实现水面水流及淹没效果绘制的封装
perPositionHeight : true//注释掉此属性水面就贴地了。//extrudedHeight: 0,//注释掉此属性可以只显示水面。show: true,// 默认隐藏。// 可以设置内置的水面shader。之前写的绘制河流代码比较原生,现在用es6重写封装及项目应用。//如果当前实体不存在则绘制。name:'水面',四、厂区洪水淹没应用效果。一、配置数据结构信息。原创 2022-10-27 16:51:02 · 3614 阅读 · 1 评论 -
cesium实现车辆转运模拟
一、使用cesium示例里面的模型模型为glb格式二、封装转运模拟工具类/*** * 转运模拟 * date:2022-06-21 * author:zdh * @type {TransferSimUtil} */import $ from 'jquery'import * as Cesium from 'cesium/Cesium'// export let wa={}let TransferSimUtil = (function () { let原创 2022-06-21 15:42:39 · 665 阅读 · 0 评论 -
VUE+Cesium绘制迁徙图结合echarts实现
一、编写EchartsLayer类实现注入到window对象,实现类如下:import * as Cesium from 'cesium/Cesium'import * as echarts from 'echarts'!(function () { function EchartsLayer(viewer) { this._viewer = viewer; registerMap(this); createChart(this); resize(this);原创 2022-04-19 09:01:45 · 2612 阅读 · 2 评论 -
vue+cesium生成热力图
一、下载cesium-heatmap.js在Cesium中实现热力图需要cesium-heatmap.js,可以使用npm直接下载npm install cesium-heatmapJavaScript环境也可以在github直接下载https://github.com/danwild/CesiumHeatmap二、改造cesium-heatmap.js,改造后源码/* * CesiumHeatmap.js v0.1 | Cesium Heatmap Library *原创 2022-04-11 16:35:23 · 5945 阅读 · 0 评论 -
vue3+cesium完整的实现及config配置
一、创建vue3项目官网参照Vue CLIhttps://cli.vuejs.org/zh/二、安装cesiumnpm i cesium --save本人做vue3是从vue2项目成果迁移升级直接拿的package.json命令npm i 安装{ "name": "cesiumvue3", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve",原创 2022-03-22 13:47:23 · 2873 阅读 · 0 评论 -
vue+cesium实现风场
cesium实现风场原创 2022-03-15 14:32:26 · 10697 阅读 · 5 评论 -
利用cesium架构配置线面功能
一、图层配置rline:{ entities:[], options:{ name:'线', isShow:true }, entityType:'line'},rpolygon:{ entities:[], options:{ name:'面', isShow:true }, entityType:'polygon'}二、符号配置rlineSymbol:{ type:'simple-line', color:[1原创 2022-02-16 16:19:29 · 1310 阅读 · 0 评论 -
利用cesium架构配置走航功能
一、图层配置roadWall:{ entities:[], options:{ name:'走航', isShow:true, isFlash:false }, entityType:'wall'}二、符号配置roadWallSymb0l1:{ type:'simple-fill', color:[0, 206, 0, 178.5]},roadWallSymb0l2:{ type:'simple-fill', color:[25原创 2022-02-15 13:12:56 · 1586 阅读 · 0 评论 -
cesium对模型进行光着色实现
一、cesium中光类型方向光和太阳光二、光的着色渲染代码实现三、实现效果太阳光不同着色效果方向光的着色如果对您有帮助感谢支持技术分享,请扫码点赞支持:技术合作交流qq:2401315930...原创 2022-02-09 09:06:26 · 2096 阅读 · 0 评论 -
cesium在vue中进行架构设计与实现
一、代码架构二、图层配置说明cesium中entity没有图层的概念,本架构通过自定义entity类型分组实现图层分层entityType的类型:b3dm(倾斜摄影)、billboard(图标)、point(点)、rectangle(矩形区域可以加载图片)、ArcGisMapServerImagery(arcgis服务切片)、UrlTemplateImagery(xyz的地图切片)等三、符号配置1、图层符号2、标注符号四、渲染设置1、图层渲染分为简单符原创 2022-01-14 14:15:13 · 1568 阅读 · 0 评论