- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue2-Cesium：一个支持生成插值点和导出的标绘工具
摘要：本文介绍了一个基于Cesium的三维模型标绘工具开发方案。主要包括三个功能模块：1）实现基本标绘工具，通过鼠标事件监听实现点线绘制；2）采用线性插值算法（Cesium.Cartesian3.lerp）计算标绘点间的中间点经纬度坐标；3）生成包含高度信息的GeoJSON格式数据输出。该方案通过三维笛卡尔坐标转换、距离计算和分段插值处理，实现了在三维场景中的精确标绘功能，最终导出符合GIS应用标准的GeoJSON文件。整个方案兼顾了交互体验与数据处理需求。
2025-11-14 15:37:14
136
原创 Vue2-Supermap-SideBySide：超图卷帘分析工具优化
1.卷帘条拖不动：是leaflet工具原本的问题，工具在添加监听的地方，考虑到兼容手机触摸卷动，监听了touch事件，在pc端L.Browser.touch同样为真，触发了touch，没有正常触发mouse鼠标事件，所以就卡在那里了，把L.Browser.touch删掉或者换成L.Browser.mobile就行。本人水平有限，解释错了就是你想对了🐷。
2024-10-18 12:05:50
303
原创 Vue2-Esri-Leafet：缓冲区分析
去触发对应图形的绘制，其中参数A的map是当前实例化的地图对象（必须传），参数B的drawControl.options.xxxx（图形类型）是控制柄的参数，可以传一些样式之类的（可选），enable()方法激活绘制，进入绘制模式，然后监听L.Draw.Event.DRAWSTOP绘制事件，使用disable()退出绘制模式。第三个参数是options，传入缓冲数字的单位，是个字符串，米就填'meters'，千米就传'kilometres'，也能传弧度之类的，可以参考这位博主的总结。
2024-10-17 17:13:24
2004
原创 Vue2-Cesium：加载三维模型
cesium提供两类图形API，一类是比较原生的Primitive API，另一类是更易用的Entity API，Primitive API是基于GLSL顶点和片段着色器的接口，风格更贴近引擎原生开发，可以自己写Geometry，优势在于灵活、对大量静态图形时可以手动合批节省资源，可以制作特殊的画面效果等，代价是要了解图形学；先获取一个三维模型，一般比较通用的是fbx或者obj，cesium需要glb格式，可以在任何一个三维建模软件对模型转格式。工作需要，刚好从零记录一下过程。
2024-10-14 15:14:06
874
原创 Vue2-Cesium：搭建环境
vite-element-template: 这是一个基于vite的极简 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。先准备一个干净的vue2模板，这里使用misaka vite启动的vue2模板。最后新建一个页面，页面容器做好，实例化一个cesium对象可以了。然后在index.html里全局引入cesium的js和css。工作需要，刚好从零记录一下过程。
2024-10-12 15:49:13
707
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人