前端灵派派-CSDN博客

原创 electron窗口管理封装和页面通讯

本文介绍了Electron多窗口应用的管理方案，通过封装WinTools工具类实现窗口的统一管理。主要内容包括：1.封装窗口创建、显示/隐藏、最大化/最小化等操作的API；2.实现主进程与渲染进程间的IPC通信机制；3.主进程初始化配置，包括主窗口创建、托盘菜单、开机自启动等功能；4.通过preload脚本安全暴露API给渲染进程，避免直接访问Node.js带来的安全隐患。该方案解决了Electron多窗口应用中窗口管理混乱、通信复杂等问题，提高了代码的模块化和可维护性。

2025-08-08 09:03:46 335

原创 Cesium 坐标转换

摘要：Cesium支持多种坐标系统转换，包括WGS84经纬度、Cartesian3笛卡尔坐标和屏幕像素坐标之间的相互转换。核心转换方法包括：经纬度与直角坐标互转、角度弧度互转、屏幕与场景坐标转换。此外还提供高级功能：坐标系参考系转换、坐标变换矩阵运算、地形高度采样，以及实用的距离计算、方位角测量和坐标插值工具。这些功能为三维地理空间应用开发提供了完整的坐标处理解决方案。

2025-08-07 09:51:49 200

原创 cesium 实现轨迹回放

本文介绍了使用Cesium库实现无人机轨迹可视化的方法。首先创建3D地图视图，然后通过添加Polyline实体绘制飞行路径，设置虚线样式和颜色。接着加载无人机3D模型，利用Cesium.SampledPositionProperty将模型位置与时间轴绑定，实现沿预定轨迹移动的动画效果。详细说明了时间控制系统viewer.clock的配置方法，包括设置起止时间、播放速度、循环模式等参数。文章还总结了关键知识点：路径位置采样、时间计算转换和时间轴控制等核心功能的API使用方法。该方案可实现无人机飞行轨迹的可视化

2025-08-06 09:04:42 139

原创 cesium添加各种实体的总结

Cesium的Entity API提供了高级抽象接口，支持多种可视化实体的创建与管理。主要包括基础图形（点、线、面）、3D形状（立方体、圆柱体）、标注（标签、公告牌）、模型（GLTF）以及组合实体等类型。Entity API支持时间动态属性和自动转换为底层Primitive，适合大多数应用场景。开发者也可直接使用Primitive API进行底层控制。实体属性可静态定义或动态绑定，支持CZML数据集成。对于大量实体或特殊渲染需求，建议使用Primitive API优化性能。注意实体移除方法和资源加载时间等细

2025-07-30 09:05:29 222

原创 cesium 实现轨迹回放

本文介绍了使用Cesium库实现无人机轨迹可视化的方法。主要内容包括：1.创建地图并初始化Cesium视图；2.通过坐标集合添加红色虚线轨迹；3.结合3D模型实现沿轨迹移动效果，设置300秒的移动时间循环；4.使用Cesium.SampledPositionProperty控制模型位置随时间变化；5.讲解Cesium.JulianDate时间计算和viewer.clock时间控制功能，包括播放速度、循环模式等参数设置。该方案实现了无人机沿预设路径飞行的可视化效果，并可通过时间控制系统调整播放状态。

2025-07-29 08:53:37 271

原创 cesium鼠标拾取展示信息弹窗

摘要：本文介绍了在Cesium中实现信息弹窗的方法：1)创建带CSS样式的div容器；2)通过ScreenSpaceEventHandler监听鼠标点击事件，将屏幕坐标转换为经纬度；3)使用preRender事件实时更新弹窗位置，使其跟随地图实体移动。关键步骤包括坐标转换、实体拾取判断以及动态生成HTML表格展示信息。该方法利用Cesium的渲染管线实现流畅的弹窗效果，同时需注意性能优化和事件管理。

2025-07-28 09:23:00 338

原创 cesium热力图笔记

摘要：本文介绍了在Cesium中实现热力图可视化的方法，通过heatmap.js库将三维空间数据转换为彩色热力图。核心步骤包括：1)准备包含坐标和数值的数据点；2)解决heatmap.js在浏览器中的兼容性问题；3)创建Heatmap工具类处理数据转换和渲染；4)实现热力图的边界计算和贴图显示。方法支持自定义颜色渐变、透明度等参数，并提供了销毁热力图的功能。该技术可直观展示空间数据分布，适用于地理信息系统的温度分布等场景。

2025-07-16 09:13:04 369

原创 leaflet室内地图规划路线方案

本文介绍了两种基于Leaflet的室内导航路径规划方案。方案一采用PathFinding.js插件，利用A*算法在网格环境中进行路径搜索，能有效避开预设障碍物，并通过坐标转换实现地理位置的路径绘制。方案二需要后端支持，通过收集所有路径点位构建图结构，使用Dijkstra算法计算最短路径，适合需要精确路径距离的场景。两种方案均实现了从起点到终点的最优路径规划，并支持在地图上可视化显示路径轨迹。第一种方案配置简单适合快速实现，第二种方案更适合复杂室内环境下的精确导航。

2025-07-14 09:13:42 376

原创 cesium克里金插件色斑图笔记

摘要：本文介绍了基于Cesium平台实现降雨分布图的方法，主要采用克里金插值算法（Kriging）进行空间数据分析。通过封装Kriging工具类，结合地理边界数据（GeoJSON）和站点观测值，生成网格化降水预测结果。关键步骤包括：1）使用高斯、指数或球面变异函数模型训练数据；2）将计算结果渲染到Canvas画布；3）通过Cesium的ImageMaterialProperty将结果贴图到三维地表。系统支持动态更新数据，并可根据降水强度配置多级颜色梯度。该方法实现了空间降水数据的可视化表达，适用于气象水文等

2025-07-11 09:45:08 172

原创 electron自定义安装配置文件nsh

Electron 打包工具Electron-build，Electron-build使用了nsis组件来创建安装向导，默认情况nsis安装向导不能自定义安装向导界面，但是nsis提供了nsis脚本可以扩展安装向导。

2025-03-25 10:41:12 1007

原创搭建electron+vite框架的三种方法

*vite-plugin-electron** 是一个插件，使得在 Vite 项目中开发 Electron 应用变得像普通的 Vite 项目一样简单。**electron-vite** 是一个新型构建工具，旨在为 [Electron](https://www.electronjs.org/) 提供更快、更精简的开发体验。总结:用electron-vite构建electron相对比较简单,生成的目录结构清晰,配置方便,但是要求node版本较高。条件:node.js版本 14.18.0+以上。

2025-03-24 10:54:10 760

原创前端知识图谱展示NeoVis实现

由于近期项目需要前端界面去展示一个知识图谱,使用NeoVis去连接neo4j的数据库.NeoVis.js 是一个专为 Neo4j 图数据库设计的可视化库,该框架允许开发者通过指定标签、属性和自定义Cypher查询来控制数据展示，支持实时数据连接，允许自定义节点和边的显示细节，如图片URL、边的宽度、节点大小等，提供丰富的配置选项以满足不同的视觉需求。一、安装Neo4j二、建立到本地Neo4j数据库的连接，指定显示的节点属性，并通过一个基础Cypher查询获取数据。三、效果

2025-02-17 09:49:21 956 2