WebGis开发
文章平均质量分 89
webgis开发各种实战小技巧,主要涉及到cesium,也会有一些关于threejs的相关内容。
qbbmnnnnnn
这个作者很懒,什么都没留下…
展开
-
【WebGis开发 - Cesium】三维可视化项目教程---图层管理基础
本篇主要讨论如何管理二三维图层,仅以wmts和3dtiles做图层管理示例。我会在接下来的教程里专门针对其他各类图层加载方式做详细介绍。二三维图层管理是三维可视化项目里重要的组成部分,通过树结构管理图层二维图层的互相遮挡问题,需要拓展图层调换顺序功能。图层叠加使用场景,需要拓展图层透明度调整功能。当前场景下图层保存功能,用于场景切换时,关闭及初始化图层树。拓展其他重要图层类型的加载卸载方式。其他。所以说一个完整的模块是亿点点优化而来的。由于篇幅问题,遗留的几个问题我将会在之后的文章中逐步闭环。再接再厉~原创 2024-10-10 16:24:51 · 873 阅读 · 0 评论 -
【WebGis开发 - Cesium】三维可视化项目教程---视点管理
本篇主要介绍了如何利用 viewer.camera 和 flyTo 完成了视点管理模块必备功能的hooks函数封装。完整的视点管理还需结合后台数据存储,业务数据绑定等等复杂逻辑,这就需要你自行判断如何将本篇的hooks函数应用到业务中去。视点管理或是视角控制,是三维可视化项目中的重点功能。这个功能优化好了,可以让项目操作起来更加丝滑令人舒适。有一些可以探索优化的点:飞行路径的修正,目前是由cesium框架默认计算的飞行路径,没有进行人为干预,可以尝试 maximumHeight 、pitchAdju原创 2024-10-06 10:05:18 · 777 阅读 · 0 评论 -
【WebGis开发 - Cesium】如何确保Cesium场景加载完毕
本篇主要介绍了如何利用和来判断一个Cesium场景是否加载完成。解决了Cesium场景无法感知加载进度的问题,给业务场景开发提供了明确完成标志。利用vue3.0的新特性,将以上方法封装为hooks函数,更方便业务测使用。再接再厉~原创 2024-10-05 00:08:38 · 1367 阅读 · 0 评论 -
【WebGis开发 - Cesium】三维可视化项目教程---初始化场景
任何一个三维可视化项目的核心点无非以下几点:二维图层、三维模型的加载显示或隐藏的管理(图层树)相机视角管理(视点保存、路径漫游)POI点的展示与点选查询简易图形绘制及保存利用数学计算及图形绘制表达一些gis分析结果(高阶功能)shader应用材质(更随心所欲的高阶技巧)基于Cesium进行三维可视化项目开发原创 2024-10-05 00:06:48 · 1770 阅读 · 0 评论 -
【WebGis开发 - Cesium】获取视野中心点,并设置顶视图视角
> 项目开发过程中遇到一个需求,通过一个按钮切换视角为顶视图。> 分析了一下这个模糊的需求,首先没有给出切换顶视图后俯视的区域范围,其次没有给出俯视点的高度。> 这里可以粗略的认为当前的侧俯视的角度下观看的范围即为俯视的区域范围,当前摄像机的高度为俯视点的高度,以这两点为基准开始编码。原创 2024-09-15 01:26:49 · 396 阅读 · 0 评论