- 博客(62)
- 收藏
- 关注
RSS订阅原创 2025年度总结：一位程序员在迷茫中寻找方向
身体健康，坚持做自己喜欢做的事成功没有捷径，唯有努力才能体现你的价值2025，不完美，但值得。2026，继续向前。青年人朝气蓬勃，正在兴旺时期，好像早晨八、九点钟的太阳。
2026-01-29 23:12:35
698
原创 从0-1学习Java（三）快速了解字符串、数组、“==“与equals比较
本文摘要：Java字符串与数组基础 字符串特性： 不可变性：修改会创建新对象 字符串常量池：相同内容共享存储 常用方法：length()、substring()、equals()等20余种 字符串比较： ==比较引用地址 equals()比较内容 常量池字符串与new创建字符串的区别 高效字符串操作： StringBuilder（非线程安全） StringBuffer（线程安全） 提供append()、reverse()等方法 相比字符串直接拼接效率更高 典型示例： 字符串方法应用 性能对比测试 数组基本操
2025-08-14 18:07:15
365
原创 从0-1学习Java（二）基本/包装/引用数据类型、变量、类型转化
本文介绍了Java中的数据类型、变量和类型转换等基础知识。主要内容包括：1) 8种基本数据类型(boolean、char、byte等)及其特性；2) 包装类的概念、自动装箱拆箱和缓存机制；3) 三种变量类型(静态、实例、局部)的区别；4) 引用数据类型(类、数组、接口等)；5) 类型转换规则，包括隐式转换和强制转换。文章还提供了相关代码示例，并提示读者可以查阅SDK文档获取更多API信息。最后作者邀请对Java学习感兴趣的读者关注交流。
2025-08-14 11:34:24
796
原创 从0-1学习Java（一）工具安装及学习途径
这篇文章记录了作者从零开始学习Java的过程和心得。主要内容包括：1. 学习计划采用"了解-实践-深入"的方法，每天或每两天更新学习进度；2. 当前学习资源包括动力节点视频教程、Java进阶之路文档和JDK中文网；3. 开发环境配置指南（JDK21和IDEA安装）；4. 基础操作教学（创建项目、运行程序、常用快捷键）；5. Java注释的三种类型及用法；6. 学习建议强调多记多练多总结。作者希望通过分享学习过程与读者互相勉励，并提供交流群和公众号等互动渠道。
2025-08-13 23:14:49
910
原创 近一年在南京外包所遇到的面试经验分享
南京电网外包面试经验分享：作者作为3年前端开发人员，总结了一年多来的外包面试经历。文中归纳了6类典型面试官类型，包括尬聊型、题库型等，并整理了高频面试题。重点问题包括JS数据类型、Promise机制、Vue2/3双向绑定原理、父子组件生命周期顺序、路由模式对比等。面试中常遇到技术深度考察和跨界提问，建议准备基础知识的同时，也要了解实际应用场景。文章为电网行业外包岗位求职者提供了实用参考。
2025-08-07 23:57:29
531
原创 OpenLayers 综合案例-切片坐标与经纬网调试
本文介绍了基于Vue 3和OpenLayers实现的WebGIS切片坐标与经纬网调试解决方案。该方案提供了两个核心功能：1）切片调试功能可直观展示地图切片加载情况；2）经纬网功能能显示经纬度网格线便于定位。技术栈采用Vue3.5+、OpenLayers10.5+和Vite6.3+，包含完整的代码示例，即拿即用。实现效果包含交互式控制按钮，可随时切换调试图层和经纬网的显示状态，适合WebGIS开发者在实际项目中快速集成使用。配套资源还包括效果演示视频和持续更新的开源案例库。
2025-08-05 00:38:39
310
原创 OpenLayers 综合案例-加载gif图
摘要：本文介绍了如何在Vue 3+OpenLayers项目中实现GIF图加载功能。通过使用gifler库（需CDN引入）和OpenLayers的Icon样式，开发者可在WebGIS应用中展示动态GIF标记。案例以北京市中心坐标为例，详细演示了从GIF资源引入、Canvas绘制到地图渲染的完整流程，并提供了即用型代码模板（Vue 3.5.13+/OpenLayers 10.5.0+）。该方案解决了ES6模块兼容性问题，实现了地图交互时的手型指针效果，适用于各类地理信息可视化场景。 （字数：149）
2025-08-05 00:33:03
845
原创 Cesium 快速入门（十三）事件系统
Cesium事件系统摘要 Cesium的事件系统支持监听场景交互与状态变化，主要包括： 屏幕空间事件：处理鼠标点击、移动等交互 使用ScreenSpaceEventHandler监听鼠标事件（LEFT_CLICK等） 支持键盘修饰符组合（Shift/Ctrl+点击） 示例：点击获取坐标、检测实体点击 相机事件：控制场景交互行为 默认行为包括旋转(LEFT_DRAG)、缩放(RIGHT_DRAG)、倾斜(MIDDLE_DRAG) 适用于3D/2D/Columbus等视图模式 注意事项： 键盘事件需配合鼠标事件
2025-08-01 00:20:47
710
原创 Cesium 快速入门（十二）数据加载详解
本文详细介绍了Cesium中多种地理空间数据格式的加载方法，包括GeoJSON、CZML和KML等。主要内容包括： 数据格式对比表，分析了矢量数据、三维模型、影像数据等不同格式的特点和适用场景 GeoJSON数据加载示例，展示了如何加载中国地图数据并设置随机颜色和高度 经典遮罩案例实现，通过创建带洞的全球多边形实现区域高亮效果 CZML动态数据加载，演示如何描述随时间变化的模型动画 KML数据加载特点介绍，包括其XML格式和支持的地理特征类型 文章提供了丰富的代码示例和数据来源，适合开发者快速掌握Cesiu
2025-08-01 00:18:59
819
原创 Cesium 快速入门（十一）3D Tiles 大规模三维地理空间数据
本文介绍了3D Tiles这一用于大规模三维地理空间数据的开放标准。3D Tiles通过将大模型切分为小块并动态加载，实现了高效的三维数据可视化。文章详细解析了3D Tiles的核心优势、应用场景、与传统3D格式的对比，以及其数据规范与结构组成。同时提供了使用Cesium加载OSM建筑数据的代码示例，展示了如何集成天地图作为底图。3D Tiles特别适合城市建模、地理信息、工程BIM等需要处理大规模三维数据的场景，其流式加载和LOD管理特性可显著提升渲染性能。
2025-08-01 00:15:33
1260
原创 Cesium 快速入门（十） JulianDate（儒略日期）详解
本文详细介绍了Cesium中的JulianDate（儒略日期）及其应用。主要内容包括：儒略日期的定义及其在天文学和航天领域的重要性；JulianDate的结构与常规日期（如北京时间）的转换方法；Cesium提供的时间操作实用函数；以及Cesium时钟(Clock)组件的核心属性和使用方法，包括时间控制、播放速度调整和边界行为设置等。文章通过代码示例展示了JulianDate在Cesium中的实际应用，帮助开发者掌握时间系统的操作技巧。
2025-08-01 00:12:13
839
原创 Cesium 快速入门（九）Appearance（外观）系统深度解析
这篇文章深入解析了Cesium中的Appearance（外观）系统，主要内容包括： Appearance的核心功能：控制几何体表面特性，包括顶点处理、材质着色、渲染状态管理和着色器生成等。 主要外观类型及适用场景： MaterialAppearance（通用材质） PerInstanceColorAppearance（实例颜色） EllipsoidSurfaceAppearance（椭球表面） PolylineMaterialAppearance（折线材质） PolylineColorAppearance（
2025-08-01 00:10:17
950
原创 Cesium 快速入门（八）Primitive（图元）系统深度解析
本文深入解析了Cesium中的Primitive（图元）系统，作为底层核心渲染单元，它与高层Entity API形成鲜明对比。Primitive提供了对WebGL渲染管线的精细控制，包括几何定义、实例化、外观定义、批处理等关键步骤，能够实现高性能复杂场景的构建。文章通过代码示例展示了Primitive的完整使用流程，并对比了Primitive与Entity在抽象层级、性能控制、内存占用、动态更新和学习曲线等方面的核心差异。Primitive适合需要极致性能控制的场景，而Entity则提供了更易用的声明式AP
2025-08-01 00:06:04
1574
原创 Cesium 快速入门（七）材质详解
Cesium 材质详解 本文介绍了Cesium中常用的材质类型及其使用方法，主要包括： 基础材质： ColorMaterialProperty：纯色填充材质，支持多种颜色创建方式（预定义颜色、CSS字符串、RGBA/HSLA值等） ImageMaterialProperty：图片纹理材质，支持重复、旋转和颜色混合 几何图案材质：如棋盘格、条纹、网格等图案材质 折线专用材质：包括发光、轮廓、虚线和箭头等特殊折线材质 文章通过代码示例详细展示了如何使用颜色材质和图片材质创建3D对象，包括颜色操作方法、透明度设置
2025-08-01 00:01:26
980
原创 Cesium 快速入门（六）实体类型介绍
本文介绍了Cesium中的实体系统，这是构建三维场景的核心概念。主要内容包括：1）实体系统优势：提供声明式API、支持时空动态性、层次化管理和数据驱动；2）15种实体类型（点、线、面等）及其功能；3）所有实体共享的公共属性（id、位置、可见性等）；4）重点详解了点实体的属性和配置方法，包括颜色、大小、轮廓等视觉属性及高度参考模式；5）提供了Vue框架下的点实体创建代码示例，展示了如何配置点的大小、颜色和贴地显示等特性。
2025-07-31 23:56:08
1057
原创 Cesium 快速入门（五）坐标系
本文介绍了Cesium中常见的坐标系类型及其转换方法，包括WGS84经纬度、笛卡尔坐标、弧度坐标、屏幕坐标和Web墨卡托投影。文章以北京天安门坐标为例，详细演示了各种坐标系间的相互转换，如WGS84与笛卡尔坐标互转、经纬度与弧度互转、笛卡尔坐标与屏幕坐标互转等。同时还提供了计算两点间距离的方法，包括直线距离和地表距离计算。最后介绍了如何设置面坐标，包括使用fromDegreesArray和fromDegreesArrayHeights方法。这些坐标转换和计算方法对于开发三维地理应用至关重要。
2025-07-31 23:47:36
553
原创 Cesium 快速入门（四）相机控制完全指南
本文详细介绍了Cesium相机系统的核心概念和操作方法。内容包括相机坐标系体系、状态参数获取、基础配置方式，以及三种核心控制方法：setView（精确定位）、flyTo（平滑飞行）和lookAt（目标跟踪）。文章还提供了完整的键盘控制实现方案，帮助开发者掌握Cesium相机的全方位控制技巧。适合需要实现高级3D场景交互的开发人员参考学习。
2025-07-31 23:45:48
1311
原创 Cesium 快速入门（三）Viewer：三维场景的“外壳”
本文介绍了Cesium的核心容器Viewer，它是构建三维场景的基础入口。Viewer封装了场景渲染、相机控制等核心功能，通过参数可配置各类交互控件（如地图选择器、时间轴等）。文章提供了创建Viewer实例的代码示例，详细说明了控件配置选项及其默认值，并展示了如何隐藏Cesium Logo。最后给出了一个完整的Vue组件示例，演示了如何初始化Viewer并加载天地图服务作为底图。
2025-07-31 23:43:13
1434
原创 Cesium 快速入门（二）底图更换
本文介绍了Cesium中更换底图的方法，重点推荐国内使用天地图WMTS服务。主要内容包括：1) 关闭默认Bing Maps地图；2) 天地图WMTS服务的配置方法，涉及URL构造、子域名设置等关键参数；3) 高德地图XYZ瓦片的加载方式；4) 单张图片作为底图的实现。文章对比了WMTS、XYZ和单张图片三种底图类型的优缺点，并提供了每种类型的代码实现示例，帮助开发者根据实际需求选择合适的底图方案。
2025-07-31 23:34:41
766
原创 Cesium 快速入门（一）快速搭建项目
本文介绍了如何快速搭建CesiumJS项目。首先创建Vue项目并安装CesiumJS及其Vite插件，通过vite-plugin-cesium插件解决静态资源加载问题。提供了vite.config.js配置代码和基础组件实现代码，对比展示了配置前后的渲染效果差异（错误提示与正确显示地球）。该指南帮助开发者快速搭建Cesium环境，避免常见问题。
2025-07-31 23:28:58
561
原创 OpenLayers 综合案例-台风风场模拟
摘要：OpenLayers台风风场模拟WebGIS应用 该应用基于Vue 3+OpenLayers实现台风风场动态可视化，主要功能包括： 完整台风路径绘制(红色虚线)与历史/预测点标记(绿色圆点) 自定义图标动态显示台风中心位置 蓝色粒子风场模拟漩涡运动，基于requestAnimationFrame实现平滑动画 交互控制：鼠标按下暂停动画，抬起恢复 集成台风信息卡片，实时显示位置、风速等数据 技术栈：Vue 3.5.13+、OpenLayers 10.5.0+、Vite 6.3.5+，提供MP4效果演示链
2025-07-29 22:46:16
603
原创 OpenLayers 综合案例-底图换肤（变色）
本文介绍了基于Vue 3和OpenLayers实现的WebGIS底图变色功能。该案例使用RasterSource栅格数据源和ImageLayer图层，通过RGB调色实现底图颜色变换，同时保持底图文字清晰可见。主要技术点包括：1）采用image模式实现高效渲染；2）通过滑块控件动态调整RGB值；3）使用beforeoperations事件传递调色参数。案例提供了完整的Vue组件代码，包含模板、脚本和样式三部分，支持即拿即用。效果展示可通过MP4动画链接查看，适用于需要动态调整地图底图颜色的WebGIS应用场景
2025-07-29 22:41:40
807
原创 Leaflet 综合案例-聚类图层控制
本文介绍了基于Vue 3和Leaflet实现的WebGIS聚类图层控制功能。该案例使用Leaflet.markercluster插件实现1000个随机标记点的聚类展示，支持缩放时自动聚合/展开功能。技术栈包含Vue 3.5.13+、Leaflet 1.9.4和Vite 6.3.5+，提供了完整的代码实现和样式配置。效果展示通过GIF动图呈现，地图数据源采用高德地图服务。该方案可直接应用于实际项目，解决了大量标记点展示的性能问题。
2025-07-28 21:13:45
9305
原创 Leaflet 综合案例-矢量图层控制
本文介绍了基于Vue 3+Leaflet实现的WebGIS矢量图层控制功能。该系统提供标记点、图形和GeoJSON三种图层类型的切换控制，支持自定义图标、多样式绘制和交互式弹窗。技术栈采用Vue 3.5.13+、Leaflet 1.9.4和Vite 6.3.5+，包含完整的代码示例，可实现地图视图重置功能。案例展示了如何通过图层组管理不同要素，并利用watch实时响应控件状态变化，为开发者提供了WebGIS图层控制的完整实现方案
2025-07-28 21:07:05
463
原创 Leaflet简介、初步了解
本文介绍了Leaflet轻量级JavaScript地图库的核心特性和最新动态。Leaflet 1.9.4作为稳定版本，具有42KB极小体积和良好兼容性。重点阐述了Leaflet 2.0.0-alpha版本的现代化重构，包括模块化导入方式改变、构造函数标准化、事件系统改进等核心变化，同时对比了Leaflet与OpenLayers的差异：前者轻量简单，后者功能丰富。文章还提供了相关中文文档、GitHub地址和官网链接，并强调知识需要通过系统记录和实践才能真正掌握。
2025-07-28 20:56:02
1704
原创 OpenLayers 综合案例-动态闪烁
本文介绍了基于Vue 3和OpenLayers实现的WebGIS动态闪烁功能案例。通过postrender事件监听实现点位半径渐变和线段透明度变化的动画效果，使用getVectorContext获取绘制上下文。案例包含3个闪烁点和2条闪烁线，采用高德地图底图，支持自定义动画参数。技术栈为Vue 3.5.13+、OpenLayers 10.5.0+和Vite 6.3.5+，提供完整可运行的Vue组件代码，适合WebGIS开发学习参考。该案例来自作者的开源教程网站，每周更新GIS开发案例。
2025-07-28 20:49:16
476
原创 OpenLayers 综合案例-区域掩膜
摘要：本文介绍了一个基于Vue 3和OpenLayers实现的区域掩膜功能案例，通过Canvas技术实现地理区域的反向裁剪效果。案例核心思路是利用Canvas的globalCompositeOperation属性，结合地图坐标转换功能，在江苏省地图上实现半透明掩膜效果。文章提供了完整的技术栈信息（Vue3+OpenLayers+Vite）和可直接运行的代码示例，并展示了最终实现效果图。该案例源自作者三年的前端开发经验总结，是其开源知识体系的一部分。
2025-07-28 20:42:24
980
原创 OpenLayers 综合案例-量测工具
本文介绍了基于Vue 3和OpenLayers开发的WebGIS量测工具，主要功能包括距离、面积、角度测量和单位转换。该工具采用现代技术栈（Vue 3.5.13+、OpenLayers 10.5.0+、Vite 6.3.5+），具有交互式界面，可实时显示测量结果和单位转换。开发者通过开源社区分享经验，提供每周更新的案例教程，帮助用户快速掌握OpenLayers开发技巧。文章包含完整的代码模板和技术实现细节，适用于WebGIS开发人员参考使用。
2025-07-28 20:37:05
3031
原创 OpenLayers 综合案例-信息窗体-弹窗
这篇文章介绍了基于Vue 3和OpenLayers实现的WebGIS应用，主要展示了信息窗体和弹窗功能。文章包含一个150字以内的摘要： 该WebGIS应用基于Vue 3+OpenLayers技术栈，实现了丰富的信息窗体和弹窗交互功能。主要特性包括：地图点击弹窗显示坐标信息，双击添加可删除点标记，Ctrl+拖动框选显示范围信息，要素删除功能以及右键快捷菜单操作。项目采用Vite构建，代码即拿即用，展示了OpenLayers在实际开发中的弹窗交互实现方案。作者作为有三年经验的前端开发者，通过开源案例分享Web
2025-07-28 20:28:17
626
原创 OpenLayers 综合案例-热力图
本文介绍了基于Vue 3和OpenLayers实现的热力图WebGIS应用。该应用提供了完整的交互功能，包括热力图参数控制（点半径、模糊度、颜色渐变方案、不透明度调节）、数据生成（支持500-5000点随机生成）和实时数据显示（点数统计、权重分布）。技术栈采用Vue 3.5+、OpenLayers 10.5+和Vite 6.3+，代码开箱即用。应用还包含热力分布说明和颜色渐变预览功能，帮助用户直观理解热力图数据分布情况。该案例每周更新于作者的技术博客，适合WebGIS开发者快速入门OpenLayers热力图
2025-07-28 20:21:33
387
原创 OpenLayers 综合案例-轨迹回放
OpenLayers轨迹回放案例摘要 该案例使用Vue 3 + OpenLayers实现了一个完整的WebGIS轨迹回放功能，主要特点： 核心功能： 显示预设轨迹线（虚线样式） 小车沿轨迹逐点移动，自动调整行驶方向 提供开始/暂停/继续/重置控制按钮 实时显示回放进度和状态 技术实现： 使用OpenLayers的VectorLayer绘制轨迹线和小车 通过Icon+rotation实现小车方向随轨迹变化 采用定时器控制动画进度 计算两点间角度实现转向效果 交互设计： 按钮状态联动（禁用/启用） 三种状态显示
2025-07-27 22:34:37
639
原创 OpenLayers 综合案例-地图绘制
摘要：本文介绍了一个基于Vue 3和OpenLayers实现的WebGIS地图绘制应用，提供完整的绘图功能。主要功能包括点线面圆绘制工具、要素修改（移动/删除顶点）、删除功能（单个/全部）以及GeoJSON导出。应用采用模块化设计，包含地图容器、工具栏面板和要素信息面板，支持实时统计各类要素数量。通过交互式工具按钮和状态栏，用户可以方便地切换绘制模式、管理要素，并查看当前操作状态。代码示例展示了Vue组件结构和主要功能实现思路，是一个实用的WebGIS开发参考案例。
2025-07-27 22:29:20
267
原创 OpenLayers 综合案例-点位聚合
本文介绍了一个基于Vue 3和OpenLayers实现的WebGIS应用，主要展示点数据聚合功能。系统包含四大核心功能：1）使用Cluster实现点数据聚合展示；2）动态调整聚合距离；3）随机生成点数据（支持100/500点）；4）动画效果开关控制（仅UI效果）。系统还提供实时统计信息，包括总点数、聚合点数和显示比例，并支持坐标显示和缩放级别监控。通过响应式设计，用户可直观操作各项参数，体验WebGIS的数据可视化效果。该案例完整代码可通过开源链接获取，适合WebGIS开发者学习参考。
2025-07-27 22:19:25
589
原创 OpenLayers 综合案例-基础图层控制
本文介绍了基于Vue 3和OpenLayers实现的WebGIS图层控制应用。主要功能包括：1）图层切换控制，支持三种基础图层切换；2）矢量要素操作，可添加点、线、面要素；3）地图交互功能，实时显示鼠标坐标。技术栈采用Vue 3.5.13+、OpenLayers 10.5.0+和Vite 6.3.5+，代码即拿即用。应用通过组件化开发实现，包含完整的图层控制面板和矢量操作按钮，并提供了坐标实时显示功能。项目展示了OpenLayers的基础图层管理和矢量要素操作能力，适合WebGIS开发入门学习。 （完整内容
2025-07-24 22:26:42
407
1
原创 WebGIS 中常用公共插件
摘要： 本文介绍了WebGIS开发中常用的地理空间分析插件，包括Turf.js（提供150+地理空间分析函数）、proj4.js（坐标系转换）、Terraformer-WKT-Parser（WKT与GeoJSON互转）、gcoord（国内坐标系转换）和geojson-vt（GeoJSON矢量切片）。这些工具能有效解决空间计算、坐标系转换、数据格式互转等常见问题，并附有安装方法、代码示例和应用场景说明。文章强调知识需通过实践巩固，作者作为前端开发者将持续分享WebGIS实战案例。
2025-07-23 23:08:24
1176
原创 WebGIS 中常用空间数据格式
本文介绍了地理空间数据中的两种常用格式：GeoJSON和WKT。GeoJSON是基于JSON的开放标准，支持点、线、面等几何类型，适用于WebGIS开发；WKT是文本格式，用于描述几何对象和坐标系。文章详细说明了两种格式的语法结构，并通过对比表格展示了相同几何对象在不同格式下的表示方式，为地理空间数据开发提供了实用参考。
2025-07-23 23:05:24
1308
原创 WebGIS 常用坐标系
本文系统介绍了地理信息系统中的各类坐标系及其特点。地理坐标系（如EPSG:4326/WGS84）使用经纬度定位全球位置；投影坐标系（如EPSG:3857/Web Mercator）将三维地球投影到二维平面，适用于在线地图；UTM分区投影（如EPSG:32650）则适用于区域精确测量。此外还介绍了中国特有的CGCS2000国家坐标系和加密偏移坐标系（GCJ-02、BD-09）。文章强调不同坐标系的适用场景与转换注意事项，为GIS开发提供了重要参考。
2025-07-23 23:02:32
1287
原创 OpenLayers 快速入门（十）常用 API 补充
摘要：本文介绍了OpenLayers中常用的API补充知识，包括坐标处理(coordinate)、动画效果(easing)、交互条件(Condition)和球面计算(sphere)等核心功能。其中详细说明了坐标转换、动画缓动函数、鼠标键盘交互条件判断，以及球面面积、距离和长度的计算方法，并提供了具体代码示例。这些API是OpenLayers开发中处理地理空间数据的基础工具，适合前端GIS开发者快速掌握核心功能。
2025-07-23 22:59:38
938
原创 OpenLayers 快速入门（九）Extent 介绍
本文介绍了OpenLayers中的extent（范围）概念及其常用方法。extent是一个表示地理区域边界的数组（[minX,minY,maxX,maxY]），用于定义地图可见区域、图层范围等。文章详细讲解了extent模块的核心功能，包括创建空范围（createEmpty）、范围判空（isEmpty）、计算范围宽高（getWidth/getHeight）、获取中心点（getCenter）、坐标/范围包含判断（containsCoordinate/containsExtent）、范围相交判断（interse
2025-07-23 22:56:47
748
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人