在项目文件夹下(即 vite.config.js 所在的文件夹),运行以下命令:npx vite
- 实现参数的获取、设置、保存、加载等功能。
- 利用 typescript 的类型检查功能,实现校验功能。
- 包含 paramsExplorer 参数管理器,mapContext 地图管理器,graphContext 图管理器,以及侧边栏管理器。
- 实现三个模块的创建逻辑。
- 实现三个模块的更新逻辑。
- 分 LeftSidePanel,RightSidePanel,TopSidePanel 三个模块。
- 在 topSidePanel 模块中,实现了地图视角,距离视角和时间视角的切换。
- 在 leftSidePanel 模块中,实现了内容的切换和侧边栏宽度的调整。
- 在 rightSidePanel 模块中,实现了对侧边栏的拖拽效果。
- 实现了点击事件进行地图的缩放,以及地图的渲染。
- 实现了节点和连边之间的绘制。
- 实现了手动更改节点之间的数值,颜色等属性。
- 在 graphContext 模块中,实现了节点距离的计算逻辑。
- 在 CanvasEventAnalyst 模块中,实现了鼠标松开,移动等逻辑。
- 在 sitimulor 模块中,实现了力学仿真的所有模拟逻辑。