项目拓扑
Project Map（项目拓扑图）是 GNS3 Web UI 的核心工作区，用于创建、编辑和管理网络拓扑图。这是一个交互式的可视化编辑器，用户可以添加节点、连接设备、配置网络拓扑，并实时控制仿真设备的运行状态。
项目标题栏按钮
GNS3 菜单按钮
位置：标题栏左侧。打开主导航菜单，包含：
- Controllers：跳转到控制器管理页面
- Projects：跳转到项目列表页面
- Computes：跳转到计算节点管理页面
- Template preferences：跳转到模板配置页面
- Image manager：跳转到镜像管理页面
- New template：创建新模板
- Import appliance：导入网络设备配置
- Project settings：项目设置（新建/保存/编辑/导出/导入/关闭/删除）
- Map settings：地图设置（显示接口标签、控制台、网格、对齐等）
添加节点按钮
位置：标题栏中间。点击后显示所有可用模板，选择后可放置到画布。
添加连线按钮
位置：标题栏中间。点击后进入绘制连线模式，依次选择两个节点创建网络连接。再次点击或按 ESC 取消。
节点批量操作按钮组
| 按钮 | 图标 | 功能 |
|---|---|---|
| 连接所有节点控制台 | web_asset | 批量打开所有节点的控制台（嵌入式窗口或新标签页） |
| 启动所有节点 | play_arrow | 批量启动或恢复所有已停止/已暂停的节点 |
| 暂停所有节点 | pause | 批量暂停所有正在运行的节点 |
| 停止所有节点 | stop | 批量停止所有运行的节点 |
| 重新加载所有节点 | replay | 批量重启所有节点 |
| 重置所有控制台连接 | compare_arrows | 重置控制台连接，不重启节点 |
以上操作均会弹出确认对话框。
项目标题栏右侧按钮
拓扑摘要开关
图标：toc。显示或隐藏拓扑摘要面板，包含 Topology（节点列表）和 Controllers（计算节点资源使用率）两个标签页。
视图控制按钮组
| 功能 | 说明 |
|---|---|
| 选择模式 | 点击选择节点、连线、绘图；拖拽移动；Shift/Ctrl 多选；右键菜单 |
| 平移工作区 | 拖拽画布移动视图位置 |
| 放大 | 放大画布视图 |
| 重置缩放 | 恢复画布到 100% 缩放级别 |
| 缩小 | 缩小画布视图 |
绘图工具按钮组
| 功能 | 说明 |
|---|---|
| 添加文字 | 在画布上添加文本标注 |
| 插入图片 | 上传并插入图片（支持 .svg/.bmp/.jpeg/.jpg/.gif/.png） |
| 绘制矩形 | 拖拽绘制矩形框，用于标记区域或分组设备 |
| 绘制椭圆 | 拖拽绘制椭圆/圆形 |
| 绘制直线 | 拖拽绘制直线 |
| 绘制曲线 | 拖拽绘制贝塞尔曲线 |
工具按钮组
锁定/解锁所有对象
锁定后无法拖拽、编辑或删除画布上的节点、连线、绘图等对象。
截图
保存当前拓扑图为 PNG（位图）或 SVG（矢量图）格式。
AI 助手
打开 AI 聊天助手面板，支持自然语言交互设计拓扑、配置建议、故障诊断等。
故障注入
为节点或连线配置网络故障，支持的故障类型：延迟、丢包、包损坏、带宽限制等。
快照按钮
位置：项目工具栏底部。用于创建和管理项目快照：
- 创建快照：保存当前项目状态
- 恢复快照：将项目恢复到某个快照状态
- 删除快照：删除不需要的快照