- 博客(226)
- 收藏
- 关注
RSS订阅
2原创 基于原生 CSS 与 Cesium的地图卷帘对比实践
本文介绍了两种实现卷帘效果的方法：原生CSS和Cesium地图卷帘。原生CSS方案通过clip属性控制上层图片裁剪区域，结合鼠标事件实现轻量级的左右拖动对比效果，适用于前端页面和二维地图场景。Cesium方案则利用其内置的splitPosition属性，通过GUI控件和事件监听实现三维地图的卷帘对比，适用于WebGIS开发。两种方案都提供了完整的实现思路和代码示例，可根据项目需求选择使用。
2025-11-21 17:04:22
164
原创 Cesium 示例集：扩散特效 glsl实现
Cesium扩散特效GLSL实现 本文基于Cesium 1.132版本，分享了7种常见的扩散与扫描动态特效实现方法，适用于气象、水利、应急等三维可视化场景。作者作为资深WebGIS开发工程师，通过primitive-Appearance结合GLSL着色器，实现了包括单圈波纹、多重波纹、雷达扫描等多种动态效果。 文章要点： 单圈扩散效果：中心点向外扩散的单圈波纹，适用于定位动画和目标高亮 多重扩散效果：连续层次波纹，模拟持续信号扩散 扫描效果：中心旋转扫描线，适用于监测和安防场景 示例代码展示了具体的实现方式
2025-11-11 13:53:56
190
原创 JS燃烧吧：new、this 与原型链魔法题
本文解析了一道考察JavaScript核心概念的经典面试题，涉及new、this、原型链和运算符优先级等知识点。题目通过6个执行标记（flag1-flag6）展示了不同调用方式下的输出结果，包括静态方法调用、全局变量污染、原型链查找以及new操作符的优先级规则。作者逐步拆解每个flag的执行过程，分析了变量提升、this指向、函数作用域等关键机制，并总结了原型链查找顺序和new操作符的优先级要点。通过这道题，读者可以深入理解JavaScript的面向对象特性和执行机制。
2025-10-15 09:18:20
1203
原创 原型与原型链「10 分钟读懂 JS 的面向对象核心」
JavaScript基于原型继承实现面向对象编程，通过原型链模拟类继承机制。核心概念包括构造函数（定义类）、原型对象（存储共享属性和方法）和原型链（实现继承查找）。原型链遵循从实例到原型对象逐层向上查找的规则，最终指向Object.prototype（原型链终点）。 创建对象可使用Object.create()方法，其中Object.create(null)可生成无原型的纯净对象。扩展原型方法有四种方式，ES6推荐使用Object.get/setPrototypeOf替代__proto__操作。
2025-10-14 09:44:14
788
原创 Cesium Primitive 全面解析与实践(六)「10 分钟掌握 Cesium Primitive」
本文介绍了在Cesium中通过Primitive和Appearance实现自定义线材质的多种效果。作者作为资深WebGIS开发者，分享了彩色渐变线、动态图标和流动线三种实现方案，均通过GLSL着色器控制材质外观。每种效果都配有示例代码和效果图，适用于航迹、流向等场景可视化。文章强调uniforms参数和time变量的动画控制作用，提供了可直接应用的代码模板。读者可通过优快云专栏获取完整源码，作者鼓励技术交流与二次开发。
2025-10-11 10:31:15
165
原创 装饰器详解「10 分钟了解 TS 元编程」
本文介绍了TypeScript装饰器的概念、分类与执行顺序。装饰器是一种特殊的声明，可以附加在类、方法、属性、参数上，用于为目标对象添加额外行为。文章详细讲解了五类装饰器（类、方法、访问器、属性、参数）的功能和使用场景，并指出装饰器执行顺序遵循从参数到类的原则。通过实际代码示例展示了装饰器在日志记录、Mixin混入、异常捕获、属性验证等场景的应用，强调了装饰器在元编程和框架开发中的重要性。掌握装饰器有助于实现优雅的功能增强。
2025-09-29 11:11:30
931
原创 ArcMap & QGIS 影像加载攻略「10 分钟掌握在线底图利器」
在 GIS 日常工作中，加载在线影像底图（如天地图、谷歌、必应等）是常见需求。本文系统介绍了在 ArcMap 中通过 MapOnline 插件、在 QGIS 中通过 TianDiTu Tools 插件 添加影像的方法，涵盖插件的安装步骤、配置方法、使用技巧及常见影像资源对比。通过详细流程和操作截图，新手可以轻松上手，老用户也能快速找到合适的解决方案。无论是国内项目还是国际项目，都能借助这些插件高效完成底图加载。 🚀
2025-09-24 22:07:38
1488
原创 TypedArray 使用指南「10 分钟掌握 GIS开发的高性能利器」
JavaScript数组类型对比 核心区别 Array：灵活存储任意类型数据，适合常规业务逻辑 TypedArray：高性能单一类型数据存储，适合图像处理、科学计算等场景 典型应用 Array：表单数据存储、配置项管理 TypedArray： Int8Array：图像灰度值处理 Uint8Array：RGB像素值存储 Float32Array：3D坐标计算 选择建议 需要灵活存储不同类型数据 → Array 处理大量同类型数据 → TypedArray（根据数据范围选择具体类型） 性能提示 TypedArr
2025-09-24 10:18:09
1159
原创 Promise & Async/Await 使用指南「10 分钟精通 JS 异步利器」
Promise 简介与优势 Promise 是 JavaScript 中处理异步操作的解决方案，解决了传统回调函数带来的 回调地狱问题。它具有三种状态：pending（初始）、fulfilled（成功）和rejected（失败）。Promise 通过链式调用 then/catch 方法，使异步代码更清晰易读。
2025-09-23 10:15:09
1205
原创 Cesium Primitive 全面解析与实践(三)「10 分钟掌握 Cesium Primitive」
本文介绍了Cesium中Primitive自定义Geometry的核心概念与应用方法。文章首先解释了Primitive作为底层绘制对象的工作原理，重点阐述了通过自定义顶点、索引、法向量和纹理坐标来构建复杂3D模型的技术要点。随后通过两个实用案例展示了从基础三角形到正方形的构建过程，并详细说明了如何利用索引优化技术提升几何体渲染效率。文中提供了完整的代码示例，包括顶点数据定义、模型矩阵计算和几何体实例化等关键步骤。这些技术可以帮助开发者在WebGIS项目中实现高性能的3D模型渲染，同时为后续更复杂的几何体开发
2025-09-22 16:58:42
478
原创 Cesium Primitive 全面解析与实践(四)「10 分钟掌握 Cesium Primitive」
本文介绍了Cesium中Primitive的Appearance系统，详细解析了其核心概念和应用方法。Appearance作为几何体的外观控制器，与Geometry共同构成渲染体系，可形象理解为"骨架"与"皮肤"的关系。
2025-09-18 16:38:59
363
原创 Cesium Primitive 全面解析与实践(二)「10 分钟掌握 Cesium Primitive」
本文整理了Cesium中常见的Primitive几何类型及其应用场景，包括体类、面类、线类和墙体几何体。通过示例代码演示了BoxGeometry（盒子）、CircleGeometry（圆）、CorridorGeometry（走廊）和CylinderGeometry（锥体）的具体实现，涵盖参数设置、几何创建、实例化及渲染过程。这些几何类型可用于三维建模、区域绘制、线状表示等场景，开发者可直接使用或二次封装以提升开发效率。
2025-09-09 15:15:59
107
原创 Cesium Primitive 全面解析与实践(一)「10 分钟掌握 Cesium Primitive」
本文深入解析Cesium中的Primitive底层渲染机制。Primitive由Geometry（定义形状）和Appearance（控制外观）构成，直接对接WebGL渲染管线，相比Entity具有更高性能和灵活性。文章对比了Entity与Primitive的差异，Primitive在批量渲染、自定义着色等方面优势明显，特别适合处理海量数据和特殊可视化需求。通过示例代码演示了如何创建基础Primitive实例，并分析了其生命周期和渲染流程。对于需要优化性能或实现复杂
2025-09-09 10:30:04
284
原创 Cesium 视角切换功能全解析「10 分钟掌握 Cesium 视角切换」
本文整理了常见的五大类切换方式，配合示例代码，你可以在实际项目中直接使用或二次封装，提升开发效率
2025-09-03 08:48:37
314
原创 cesium源码热更新调试编译
🚀 个人简介：某大型测绘遥感企业资深Webgis开发工程师，软件设计师(中级)、优快云优质创作者❣️🌈 若有帮助，还请➕➕，不行的话我再努努力💪💪💪。
2025-07-15 21:05:49
744
原创 Cesium源码打包
一般情况下我们在项目种都是直接下载官网的Cesium安装包或者使用yarn add Cesium方式进行Cesium开发。但有时我们需要对Cesium功能进行扩充，加入自己的内容。这个时候我们就不能使用上述两种方式来进行扩充了，因为这个安装包是Cesium事先打包编译好的。我们首先需要在github上下载你所需要的Cesium某版本的包，下载网址：github-CesiumJS地址找到自己想要的Cesium版本进行下载。，然后对源码进行修改增加内容，再自己进行打包编译。时，报出以下错误，可以在。
2025-07-14 15:05:05
572
原创 cesium 实现万级管网数据渲染，及pickImageryLayerFeatures原生方法改写
cesium 实现万级管道数据渲染，及picklmageryLayerFeatures原生方法改写
2025-03-17 20:52:55
650
原创 geoserver 问题解决：internalError 及 经纬度精度问题
geoserver 问题解决：internalError 及 经纬度精度问题
2024-12-04 15:13:15
667
原创 cesium 实现 场景编辑(物料区+编辑区+属性配置区)
cesium 实现 场景编辑 =>物料区`可操作的实例)，编辑区(管理已添加的实例)，属性配置区(单个实例的属性编辑)
2024-11-26 16:34:04
791
原创 echarts实现 水库高程模拟图表
需要做一个水库高程模拟的图表，x轴是水平距离，y轴是高程，需要模拟改水库的形状。配合ui切图，模拟水库形状。
2024-10-25 10:55:10
991
海康视频流，如海康威视综合安防平台iSecure Center V1.4.100以上版本及Infovision IOT V1.6.1以上版本； 特别说明：媒体网关版本限制：mgc-V5.11.101
2025-05-09
Docker 开源的应用容器引擎、
2023-04-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人