数字作战地图面向省、市、区县管理员及一线营销人员,围绕“指标监控 + 场景营销”两条主线,提供基于地图的经营分析与作战调度能力。项目目标是把分散的经营指标、网格资源、营销场景、客户点位和任务动作统一到一张地图上,支持按省、市、区县、小区逐层下钻查看。
核心功能包括:指标模式下的收入、用户、资源、任务等指标展示与“我的关注”自定义配置;营销模式下的营销场景选择、图层筛选、找商机、周围资源、地图圈选等快捷工具;以及地图点位、社区卡片和详情面板联动,辅助用户快速发现问题、定位区域、分析原因并推动后续营销动作闭环。典型业务路径是先进入地图选择模式,再结合场景和图层定位目标区域,查看详情卡片后进行分析和处置。
项目整体采用 Vue3 + Vite + Pinia + Touch UI 构建移动端页面,地图能力基于 BMapGL 实现,按 battlemap、databoard、taskcenter 等模块拆分,地图组件、浮层、详情卡片和快捷工具分别解耦实现。本人主要负责线上 APP 版数字作战地图与 demo 的对齐补齐及交互优化,重点完成了营销场景入口恢复、营销场景三级选择器补齐、关注指标配置弹窗紧凑化、顶部冗余展示清理、模式切换和首次进入时底部卡片自动弹出逻辑移除,以及快捷工具从 4 项收口到 3 项等改造,并完成构建验证,保证改动可稳定上线。过程中最大的难点在于地图浮层、模式切换、详情卡片之间耦合较深,容易出现一个交互改动牵动多个区域;我的解决方式是先梳理状态和触发链路,再按最小改动逐步拆分逻辑、逐项验证,从而兼顾功能补齐、界面一致性和线上稳定性。