- 博客(66)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 Vue3中实现全局双向绑定变量
本文介绍了一种基于Vue3 Composition API和localStorage的轻量级状态管理方案。该方案无需安装额外库，通过reactive实现响应式状态，自动将数据持久化到localStorage，适合中小型项目。主要特点包括：直接操作对象属性、自动响应式更新、内置持久化功能。实现方法是创建全局reactive对象，通过监听变化和页面卸载事件来保存状态，同时支持过滤不需要持久化的属性。使用方式简单，只需导入全局变量即可在组件中使用和修改。
2025-10-10 10:22:45
178
原创 arcgis矢量数据转为标准geojson格式
摘要：获取GeoJSON格式数据的方法包括：1）ArcMap 10.6+/ArcGIS Pro直接导出；2）通过FeatureService接口获取；3）对于低版本ArcMap，需先导出Esri FeatureSet JSON格式，再使用Python脚本转换为GeoJSON。转换脚本支持批量处理，将输入文件夹中的.json文件转换为标准GeoJSON格式并输出到指定目录。操作简单，只需在命令行执行指定命令即可完成转换。
2025-10-09 16:23:12
631
原创 WebGL2初识
代码只存在js内存里面。代码只存在js内存里面。执行片元着色器文件，给每个片元上色、贴图、光照→输出颜色+深度。执行顶点着色器文件，对每个顶点跑一遍:坐标变换-裁剪空间。在屏幕格子内部插值，生成一堆候选“片元”，还未写进屏幕。1.准备顶点坐标(位置、颜色、法线)塞进GPU缓冲区。深度测试/模板测试/混合→幸存下来的片元正式成为像素。2.把“顶点/片元着色器源码”变成可执行文件。顶点连起来后的“几何形状”(点线面)浏览器+OS自动完成，无需代码。
2025-09-07 19:02:59
555
原创 如何在技术风暴中站稳脚跟：提升团队应急处理能力
快速响应与高效解决问题1. 监控与报警系统实施全面监控：利用自动化工具对关键业务指标进行实时监控，包括但不限于服务器负载、API响应时间、数据库性能等。 及时报警：一旦检测到异常，立即通过多种渠道（如短信、邮件、即时消息等）通知相关人员。2. 故障定位与解决快速定位：利用日志分析工具和监控数据快速定位问题根源。 优先级划分：根据故障影响范围和严重程度划分优先级，优先处理高优先级问题。 多部门协作：涉及多个团队时，需要跨部门协作，共同解决问题。3. 沟通与透明度内部沟通：确保团队
2024-08-22 14:28:02
365
原创 开发面试“八股文”：助力还是阻力？
八股文”在开发面试中扮演的角色，应当是引导而非主导。通过平衡理论与实践，我们可以构建一个更加健康、可持续发展的技术人才生态。让我们共同努力，推动面试文化向着更加科学、合理的方向发展，为软件行业培养出更多既有深厚理论功底，又具备实战能力的优秀人才。通过这样的讨论，我们希望能够激发更多的思考，促进面试文化的积极变革，让“八股文”真正成为开发人员成长道路上的助力，而非阻碍。
2024-07-31 14:16:50
836
原创 WPS中制作甘特图的详细教程
第一就是上面坐标轴加上刻度尺(双击坐标轴-【属性】弹窗-【填充与线条】-【线条】-【实线】)，第二就是色带右边的空白太多，理应从最小开始时间开始(双击坐标轴-【属性】弹窗-【坐标轴】-【边界】-【最小值】，调整大一些即可)。7.现在时间标注是在下方，我们希望在上方，为此要设置一些其他的东西，右键表格选择【设置图表区域格式】，在右侧打开的熟悉弹窗中选择【垂直(类型)轴】，切换到【坐标轴】选项卡，勾选【逆序类别】即可使得时间标注在表格上方，同时删除右侧的Y轴标注和底部的图例。
2024-07-03 09:40:56
13049
5
原创 Cesium初始化地图对象容器配置项汇总
Viewer内嵌了一系列用户界面（UI）小部件，例如动画控制器、时间线、场景模式选择器、全屏按钮等，提供了丰富的用户体验和交互操作。：通过Viewer提供的API，开发者可以控制渲染质量和性能平衡，比如启用或禁用MSAA、选择不同的渲染模式、设置渲染帧率等。属性，可以轻松地加载和管理多种类型的数据源，如GeoJSON、KML、CZML、3D Tiles等格式的地理空间数据。：允许开发者根据需求调整场景的各种配置，如场景模式（2D、3D或哥伦布视图）、投影方式、地形提供商、图像提供商等。
2024-04-01 15:15:22
1010
原创 前端使用类和方法封装的区别
由此可知，类封装更适合于需要创建复杂对象、实现继承和多态等面向对象特性的场景，而方法封装更适合于将功能封装在一个函数中，简化代码逻辑和提高代码的可维护性。在实际开发中，可以根据具体情况选择合适的封装方式来组织代码。在前端开发中，使用类和方法封装都是常见的方式来组织和管理代码。
2024-02-27 11:33:39
559
原创 Cesium绘制动态墙
包括要绘制的围栏坐标以及围栏高度，以及纹理材质中要提供的图片，图片在将在文章顶部展示👆。2.调用初始化动态墙的方法，主要是运用了Primitive的材质渲染（GLSL语言）
2024-01-18 15:53:10
1381
1
原创 Cesium移除entity事件汇总
1.根据entity对象直接删除；2.根据entity的id删除对象；3.直接全部删除所有的entity对象；/** * entity实体删除类 */class removeEntity { /** * 据entity（实体）对象删除方法 * @param {Cesium.Viewer} viewer -地图主窗口 * @param {Object} obj -entity实体对象 */ removeByObj(viewer, obj) { vi
2024-01-17 16:43:30
1046
原创 Cesium圆柱和圆锥entity绘制
原生的 Cesium中提供了绘制圆柱的方法，看似没有提供绘制圆锥的方法，其实在配置项里面可以直接设置参数生成圆锥，在cylinder对象里面有两个参数，topRadius:上底面的半径（如果为0则是圆锥啦）；bottomRadius:下底面的半径；
2024-01-17 16:43:15
1603
原创 Cesium绘制扇形entity实体
由于Cesium中没有提供直接绘制扇形的接口，为此我们需要自己整，首先要用到的主要就是偏北角计算了，但是这里设计的在绘制大于180度的扇形时会出现问题，希望大佬给予建议。
2024-01-17 15:40:42
1440
原创 Cesium计算两个点坐标与正北之间的夹角
@return {Array} -返回两个数组元素，1.两个点坐标之间的直线与正北方向之间的夹角；2.两个坐标之间的直线距离。* @param {Array} [p] -两个坐标经纬度高程坐标数组。* 计算两个点坐标之间的直线与正北方向之间的夹角。
2024-01-17 15:39:17
1692
原创 前端弹窗可拖拽功能实现
但是offsetLeft是只读的，为此修改弹窗位置都是修改style.left和style.top，还有一个就是style.left的值需要事先定义在html里，否则style.left取不到值。前端弹窗可拖拽功能主要实现思路就是监听鼠标移动事件，根据鼠标位置实时修改弹窗距离父级窗口（或者屏幕，根据需求设置）的left和right，但是考虑到鼠标拖拽一般都是在div的标题栏处发生，鼠标按下的位置不可能是弹窗的左上角位置，为此需要计算。距离弹窗左上角的距离，这样才可以保存后续。
2024-01-17 13:14:19
1526
原创 Cesium设置弹窗随轨迹动画对象移动
1.这是要移动的弹窗，隐藏显示逻辑、样式、展示内容自己写，主要就是动态设置弹窗的style，floatLeft和floatTop都是Vue中的data双向绑定数据；2.设置好运动轨迹后，当轨迹开始运行可以执行以下方法，则可以实时获取轨迹动画对象的屏幕坐标信息，从而实时更新弹窗相对于运动对象的位置。
2024-01-12 11:27:43
986
1
原创 前端设置弹窗随鼠标位置移动
1.这是要移动的弹窗，隐藏显示逻辑、样式、展示内容自己写，主要就是动态设置弹窗的style，floatLeft和floatTop都是Vue中的data双向绑定数据；2.计算弹窗位置主要就是拿到鼠标位置屏幕坐标系和弹窗左上角位置绑定，但是要注意设置鼠标位置在四周边缘的时候， 弹窗不应该被屏蔽遮挡到；
2024-01-12 11:05:29
2016
原创 Cesium鼠标点击获取坐标值方法计算
这个是根据鼠标点击的是地形还是模型，动态识别获取对应目标上的经纬度和高程数据，window.mapViewer则是创建的Cesium地图对象；
2024-01-12 10:43:44
1558
原创 Cesium屏幕中心、相机坐标和距离计算
moveRotation方法参数中第一个参数step是移动步长，第二个参数i是判断是否是俯仰角还是航向角进行绕中心点进行翻滚，entity可以另外分离出来做一个方法，这样避免每次调用moveRotation方法都生成一个entity覆盖物。
2023-10-20 16:50:54
2899
原创 node和npm的安装配置（借鉴数篇文章避坑）
右键node安装的文件夹，选择【属性】-【安全】-【编辑】，在新弹出的窗口中，点击组或用户名下面的用户选项，在【允许】下面的【完全控制】打上勾（肯定是有4个选项，SYSTEM是系统选项，Administrators是用户组，我也不确定你的电脑用户是第几个，所以建议你4个选项的完全控制都打勾）。接着找到C\Users\用户名下面的【.npmrc】文件，以及node安装文件夹下D:\nodejs\node_modules\npm的【.npmrc】文件，和之前查看默认环境配置一样，打开到环境变量界面， 在。
2022-11-20 11:21:11
11142
1
原创 地震点、火点和气候数据收集
这里面压缩包包含了所有气象站点的数据，每一个表里面是一个站点逐日的气象观测数据，处理起来还是比较麻烦的，有兴趣的小伙伴可以去试试（下载速度非常慢，可以试试科学上网哦）。如下图是打开某个站点后的excel表格，一列代表一天的观测数据，里面包含站点ID、经纬度、海拔高度以及其他众多的气候参数等，打开arcmap，右键刚才保持的数据，选择显示XY数据，分辨设置经纬度和坐标系，点击确定即可生成点数据。可以看到数据来源于Landsat8、NPP以及modis，根据自己的需要下载对应时间的数据即可，
2022-10-20 11:08:53
2564
1
原创 双非本科地信前端面试题目
2.是通过智联招聘面试的（WebGis工程师，8K-13k，包住不包吃），起初是要到长沙线下面试，但是我跟hr说线上面试就面（主要我知道这个工作其实不适合我，但我还是想积累一下面试经验，所以斗胆提出线上面试），后面那边妥协了，面试主要是先自我介绍，然后就问了一些项目上的问题，问得很简单，最后就谈薪资福利这块了（时间最久），最后了解到是要加班，转正后底薪3000，其他都是绩效奖金，努努力加班6K不是问题，如果项目进度快可以保证每周休息一天，特别强调了新员工要适应加班的环境。形成条件：函数嵌套；
2022-10-08 19:30:27
1103
5
原创 leaflet+postgres最终版（附源码下载）
前端使用Jquery和leaflet渲染地图、ajax发送服务请求，后端使用express框架响应请求，通过postgres客户端实现对postgres空间数据库的增删查改，且可按需请求geoserver和supermap iServer地图服务器数据，主要实现功能：()：1.数据可视化交互效果2.使用 jscolor.js 库修改地图样式3.几何图形的绘制与编辑4.使用 turf.js 库绘制缓冲区5.地图要素的增删查改操作6.使用虚拟dom 和请求动画帧加载海量数据属性。
2022-10-01 15:37:29
774
4
原创 校园共享单车的发展为何经久不衰？—以湖南科技大学为例
一、导言 （1）调查背景 进入21世纪以来，经济发展迅速，交通发达，但是随着交通工具的急剧上升，空气污染程度日益严重，许多国家出台了“鼓励低碳出行，改善空气质量”的相关政策，新能源汽车如雨后春笋般蓬勃发展，但是在互联网技术支持下，“共享单车”也齐头并进，特别是在2016年，数十家共享单车企业突然出现，共享单车开始大爆发，各个城市的大街小巷都可以看到各种各样颜色的共享单车，大学校园里面更是成为市场的主力军。2016年8月份时，ofo的校园合伙人、同时也是湖南科技大学潇湘学院12级学生的郭昊东将首批10
2022-09-27 20:21:32
3652
1
原创 SuperMap iServer发布管理以及调用地图服务
2.1如果是在SuperMapiDesktop中在线地图中直接发布地图后，可以在左下角中看到消息提示框有一个地图服务链接或者在最下面的状态栏中的【输出窗口】可以看到数据服务、空间分析服务和地图服务的路径，最后在前端url中调用rest地图服务只要在最后加上【/maps/地图名称】即可。在菜单栏【在线】选项卡中选择【工作空间】，在弹出的窗口中设置iServer服务地址，同时设置要发布的地图服务类型，上传工作空间的勾选可以让地图服务在空间数据源的本地路径发生变化时依旧可以正常使用。...
2022-07-28 09:37:21
14049
4
原创 了解和学习SuperMap iDesktop基本知识
在【属性】对话框中选中【坐标系】选项卡可以查看坐标信息，同时点击【投影转换】按钮，在弹出的界面中可以复制当前数据集某个图层的坐标系转为为自己的坐标系，当然也可以导入其他未打开的图层，将其坐标系作为自己的坐标系，无论坐标系怎么更改的，到最后都会生成一个新的已更换坐标系的图层。在新打开的界面我们可以看到有3个选项卡，【属性】中可以选择要标注的字段以及标注的偏移量，【风格】主要是对标注的内容进行符号化，包括大小、颜色、字体风格、阴影等进行设置，【高级】主要是设置标注在图层上展示方式，比如显示方向，是否遮盖等。..
2022-07-28 09:22:36
6872
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人