[{"data":1,"prerenderedAt":237},["ShallowReactive",2],{"work-drone-platform":3,"works-order":181},{"id":4,"title":5,"attribution":6,"body":7,"caseOrder":121,"cover":122,"demo":6,"description":44,"evidenceStatus":126,"extension":127,"family":128,"featured":129,"flagship":130,"highlights":131,"links":6,"media":135,"meta":147,"metrics":148,"navigation":130,"order":158,"path":159,"period":160,"projectType":161,"projects":162,"role":167,"roleScope":167,"seo":168,"stack":169,"status":175,"stem":176,"summary":177,"topic":178,"track":179,"__hash__":180},"works\u002Fworks\u002Fdrone-platform.md","无人机 GCS 与数据大屏交付",null,{"type":8,"value":9,"toc":110},"minimark",[10,14,18,21,34,37,48,51,72,75,80,83,88,91,102,105],[11,12,13],"h2",{"id":13},"背景问题",[15,16,17],"p",{},"无人机作业需要地面站控制、任务规划与作业数据可视化三类界面协同交付，涉及桌面端、Web 端与大屏三种形态。",[11,19,20],{"id":20},"约束",[22,23,24,28,31],"ul",{},[25,26,27],"li",{},"技术栈以 Vue 2 \u002F vue-cli \u002F Electron 11 \u002F Mapbox·MapLibre \u002F MQTT 为准。",[25,29,30],{},"项目为协作交付，职责边界见下文。",[25,32,33],{},"对外仅呈现脱敏后的界面可视区域。",[11,35,36],{"id":36},"架构",[38,39,45],"pre",{"className":40,"code":42,"language":43,"meta":44},[41],"language-text","[桌面 GCS] Vue 2 + Electron 11 + Mapbox\u002FMapLibre + MQTT\n     │  任务下发 \u002F 状态回传\n[Web 任务视图] ims uav 模块（mission \u002F inspection \u002F RealtimeLog \u002F payload）\n     │\n[数据大屏] vue-cli 大屏工程：中心地图 + 两侧业务指标\n","text","",[46,47,42],"code",{"__ignoreMap":44},[11,49,50],{"id":50},"关键决策与取舍",[22,52,53,60,66],{},[25,54,55,59],{},[56,57,58],"strong",{},"协议侧工作","：完成 MAVLink 航点命令映射、坐标到 GeoJSON 转换与前后端联调。",[25,61,62,65],{},[56,63,64],{},"桌面端选型","：Electron 11 封装 Vue 2 应用，复用 Web 技术栈交付桌面 GCS。",[25,67,68,71],{},[56,69,70],{},"大屏信息架构","：中心留给空间地图，业务指标环绕两侧，空间叙事优先于图表密度。",[11,73,74],{"id":74},"异常与降级策略",[22,76,77],{},[25,78,79],{},"需处理 MQTT 通道异常场景，通过保持最近已知状态展示避免误读。",[11,81,82],{"id":82},"结果",[22,84,85],{},[25,86,87],{},"交付覆盖桌面 GCS、Web 任务视图与数据大屏三种形态；界面记录见上方媒体图。",[11,89,90],{"id":90},"局限与后续优化",[22,92,93,96,99],{},[25,94,95],{},"技术栈以 Vue 2 为准，属项目历史选型，不代表现阶段技术偏好；对外仅呈现脱敏界面。",[25,97,98],{},"MQTT 实时链路依赖现场 broker，公开材料为界面记录，无实时数据回放。",[25,100,101],{},"项目属协作交付，职责边界以上文与\"我的职责\"为准。",[11,103,104],{"id":104},"个人职责与边界",[22,106,107],{},[25,108,109],{},"负责需求对接、地面站与 Web 无人机模块前端实现、大屏联调与交付。",{"title":44,"searchDepth":111,"depth":111,"links":112},2,[113,114,115,116,117,118,119,120],{"id":13,"depth":111,"text":13},{"id":20,"depth":111,"text":20},{"id":36,"depth":111,"text":36},{"id":50,"depth":111,"text":50},{"id":74,"depth":111,"text":74},{"id":82,"depth":111,"text":82},{"id":90,"depth":111,"text":90},{"id":104,"depth":111,"text":104},3,{"src":123,"alt":124,"caption":125},"\u002Fimages\u002Fportfolio\u002Fdrone-map.webp","无人机任务地图与任务表单同屏界面","任务地图与任务编排同屏的画面记录","项目资料与交付记录","md","无人机地面站与可视化",false,true,[132,133,134],"完成 MAVLink 航点命令映射、坐标到 GeoJSON 转换与前后端联调","任务规划、巡检、实时日志、载荷等无人机业务视图","数据大屏采用\"中心地图 + 两侧业务指标\"结构组织空间与业务信息",[136,139,143],{"kind":137,"src":123,"alt":124,"caption":138},"image","地图航线与任务编排同屏呈现的画面记录",{"kind":137,"src":140,"alt":141,"caption":142},"\u002Fimages\u002Fportfolio\u002Fdrone-route-map.webp","航线卫星地图界面","卫星底图上的航线规划视图",{"kind":137,"src":144,"alt":145,"caption":146},"\u002Fimages\u002Fportfolio\u002Fdrone-dashboard.webp","无人机数据大屏","中心地图与两侧业务指标的大屏布局",{},[149,152,155],{"value":150,"label":151},"3","交付形态（桌面 GCS \u002F Web 任务视图 \u002F 数据大屏）",{"value":153,"label":154},"4","uav 视图模块（mission \u002F inspection \u002F RealtimeLog \u002F payload）",{"value":156,"label":157},"2","地图引擎（Mapbox \u002F MapLibre）",10,"\u002Fworks\u002Fdrone-platform","项目阶段记录","commercial",[163,164,165,166],"地面站桌面端","任务规划 Web 视图","GIS 数据大屏","巡检与实时日志模块","需求对接、GCS 与 Web 无人机模块前端、大屏联调交付",{"title":5,"description":44},[170,171,172,173,174],"Vue 2","Electron 11","Mapbox \u002F MapLibre","MQTT","vue-cli","delivered","works\u002Fdrone-platform","无人机地面站桌面端、Web 任务视图与数据大屏的交付型前端工程，覆盖任务规划、巡检、实时日志与载荷视图。","spatial","company","Agi1sNoy9_02Nk1QX0W4NFnLLpFZE1_DnEVmJKjTez0",[182,186,189,192,196,200,204,208,212,216,217,221,225,229,233],{"path":183,"title":184,"order":185},"\u002Fworks\u002Fscene-toolchain","Scene 离线三维创作与发布工具链",1,{"path":187,"title":188,"order":111},"\u002Fworks\u002Fgaussian-training","高斯泼溅重建与训练管线",{"path":190,"title":191,"order":121},"\u002Fworks\u002Fmindcloudx-gen1","MindCloudX AI 一代 3DGS 平台",{"path":193,"title":194,"order":195},"\u002Fworks\u002Fexplorer-sdk","Explorer 多引擎渲染 SDK 与沉浸式浏览",4,{"path":197,"title":198,"order":199},"\u002Fworks\u002Ftorchcloud-gen2","TorchCloud 二代平台与混合场景编辑器",5,{"path":201,"title":202,"order":203},"\u002Fworks\u002Fdata-pipeline","3DGS 与 Mesh 数据转换管线",6,{"path":205,"title":206,"order":207},"\u002Fworks\u002Fmesh-pointcloud","大规模 Mesh 与点云可视化",7,{"path":209,"title":210,"order":211},"\u002Fworks\u002Fhunter-game","Hunter World：3DGS 真实场景多人寻宝竞速",8,{"path":213,"title":214,"order":215},"\u002Fworks\u002Fsitepulse-agent","智慧工地：空间可视化与 Agent 业务集成",9,{"path":159,"title":5,"order":158},{"path":218,"title":219,"order":220},"\u002Fworks\u002Fcar-configurator","汽车 3D 配置器",11,{"path":222,"title":223,"order":224},"\u002Fworks\u002Fphotography-interaction","摄影器材 3D 交互展示页",12,{"path":226,"title":227,"order":228},"\u002Fworks\u002Fcloud-lims","Cloud LIMS 实验信息管理（Demo）",13,{"path":230,"title":231,"order":232},"\u002Fworks\u002Fcampus-platform","校园业务小程序与管理后台",14,{"path":234,"title":235,"order":236},"\u002Fworks\u002Fvisual-design","商业三维渲染与平面视觉设计",15,1792474477997]