MONITOR PLAN TOOL · 3.0

弱电监控图纸绘制工具
使用说明书

适用于监控点位规划、施工布线、设备清单整理与项目交付。

1. 工具简介

本工具用于在建筑平面图上布置摄像机、交换机、NVR、电源箱等弱电设备,并绘制网线、光纤、电源线和同轴电缆。全部图纸数据在浏览器中处理,不需要安装专业CAD软件。

设备布点支持枪机、半球、球机、NVR、交换机、光纤设备、报警和电源设备。
线路规划线缆可连接设备、添加多个拐点,并随设备移动自动调整端点。
底图兼容支持图片、PDF、DXF CAD文件,并内置三层平面图模板。
项目交付可输出PNG、PDF、SVG以及设备、线缆CSV清单。

2. 5分钟快速上手

  1. 点击顶部“导入”,选择平面图图片、PDF或DXF;也可以点击“三层模板”。
  2. 点击“添加设备”,选择摄像机或其他设备,再到图纸相应位置单击放置。
  3. 选中设备,在右侧属性栏填写名称、IP地址、型号、安装位置和备注。
  4. 点击“添加线缆”,先点起点设备,按线路方向添加拐点,再点终点设备完成。
  5. 点击“清单”检查IP地址和未连接线缆,最后点击“保存”下载项目文件。
  6. 需要交付时,从“导出”菜单生成PDF、PNG或SVG图纸,并导出CSV设备清单。
建议先导入底图,再布置设备;重要项目应同时保留JSON项目文件和PDF成品图。

3. 界面说明

区域用途
顶部工具栏添加设备、添加线缆、选择、平移、撤销、缩放、导入、导出和保存。
中央画布显示平面图、设备、线缆、标签和网格,也是主要绘图区域。
右侧面板查看设备/线缆列表并编辑所选对象的详细属性。
搜索框按设备名称、IP地址、型号或位置快速筛选。
清单面板统计设备和线缆,并检查IP错误、重复IP和不完整连接。

画布上滚动鼠标滚轮可缩放;选择“平移”后拖动画布可移动视图;点击“适应”可恢复全图视野。

4. 导入平面图

导入图片

适合JPG、PNG等平面图。点击“导入 → 导入图片”,系统会按图片原始尺寸调整画布。

导入PDF

点击“导入 → 导入PDF”。系统会将PDF第一页作为底图;多页PDF建议先拆分,每层楼单独建立项目。

导入CAD

点击“导入 → 导入CAD(DXF)”。目前使用DXF格式;DWG文件请先在CAD软件中另存为DXF。

使用三层模板

点击顶部“三层模板”可直接载入内置三层平面图,已有设备与线缆会保留。

底图较大时首次自动保存需要数秒,请等右上状态提示已保存后再关闭页面。

5. 添加与编辑设备

  1. 在“大小”中选择小、中、大或特大。
  2. 打开“添加设备”,选择需要的设备类型。
  3. 在图纸上单击安装位置;可连续放置同类设备。
  4. 切换到“选择”,点击设备后在右侧编辑属性。

拖动设备可调整位置;双击设备可快速打开编辑窗口;右键设备可编辑、复制或删除。摄像机的三角方向标记表示镜头朝向,右侧可调整角度和大小。

建议填写的属性

属性示例用途
名称CAM-001图纸标签和清单编号。
IP地址192.168.10.101用于调试和重复地址检查。
型号400万POE枪机采购和竣工资料。
位置三层东侧走廊方便施工人员查找。
备注壁装,高度3.2米记录安装要求。

6. 绘制线缆

  1. 点击“添加线缆”,选择网线、光纤、电源线或同轴电缆。
  2. 点击起点设备,系统会自动吸附到设备中心。
  3. 沿桥架或墙体方向单击,添加一个或多个拐点。
  4. 点击终点设备完成线路;也可以在空白处双击或按 Enter 结束。

连接到设备的线缆会记录起点和终点设备。以后移动设备时,线缆端点会自动跟随。选中线缆后可填写实际长度、线号和施工备注。

右键或按 Esc 可取消当前绘线。建议转角处单击添加拐点,让施工走向更清楚。

7. 搜索与批量操作

在顶部搜索框输入设备名称、IP、型号或安装位置,右侧设备列表会即时筛选。

勾选设备列表中的复选框可以多选。选择两台以上设备后,顶部会显示批量操作栏:

  • 批量编号:输入编号前缀,系统自动生成001、002等连续编号。
  • 纵向对齐:让设备保持相同横坐标。
  • 横向对齐:让设备保持相同纵坐标。
  • 批量删除:同时删除所选设备及其相关线缆。

使用 Ctrl/⌘ + A 可选择全部设备。

8. 清单与项目检查

点击“清单”打开统计面板,可查看设备总数、线缆总数、各类设备数量和待检查项目。

  • IP格式错误:例如缺少数字段或某段大于255。
  • 重复IP:两台或多台设备填写了相同地址。
  • 未完整连接线缆:线缆起点或终点没有连接设备。

在清单面板可以显示或隐藏摄像机覆盖范围,也可以分别导出设备CSV和线缆CSV。

9. 保存、恢复与打开

自动保存

每次操作后,系统会自动保存在当前浏览器中。下次打开页面时,可以恢复上次未完成的图纸。

手动保存项目

点击“保存”会下载JSON项目文件。该文件包含设备、线缆、底图和项目信息,是以后继续编辑的主要文件。

打开已有项目

点击“打开”,选择之前保存的JSON文件即可恢复项目。

清除浏览器数据、更换电脑或使用无痕模式可能导致自动保存丢失。重要项目必须手动下载JSON文件。

10. 导出与打印

格式适用场景
PDF竣工资料、施工交底、打印归档。
PNG发送到微信、插入Word或快速预览。
SVG需要保持矢量清晰度或继续在其他软件中编辑。
设备CSV设备采购、IP规划、安装调试清单。
线缆CSV线缆编号、长度统计和施工记录。

导出前建议点击“清单”完成检查,确认标签、覆盖范围和需要显示的图层。

11. 平板和手机操作

  • 单指拖动设备或平移画布。
  • 双指张开、合拢可缩放图纸。
  • 点击“面板”可显示或隐藏右侧属性面板。
  • 手机屏幕较小时建议横屏使用,布点和线路编辑会更方便。

12. 快捷键

快捷键功能
Delete / Backspace删除当前选中对象。
Esc取消添加设备或绘制线缆。
Enter结束当前线缆绘制。
Ctrl/⌘ + Z撤销。
Ctrl/⌘ + Shift + Z重做。
Ctrl/⌘ + Y重做。
Ctrl/⌘ + A选择全部设备。
+ / 放大或缩小画布。

13. 常见问题

为什么关闭页面后没有恢复内容?

可能清除了浏览器数据、使用了无痕模式或换了浏览器。请使用手动保存的JSON项目文件恢复。

为什么DWG文件不能直接导入?

浏览器端目前使用DXF解析。请先在AutoCAD或其他CAD软件中将DWG另存为DXF。

为什么移动设备后线缆没有跟随?

只有从设备上开始并在设备上结束的线缆才会绑定设备。旧项目中的坐标线缆可以删除后重新连接。

导出的图纸太大怎么办?

可以在导入前降低底图分辨率,或将不同楼层分别建立项目。PDF用于打印,PNG适合快速分享。

怎样避免IP地址冲突?

为每台设备填写IP后打开“清单”,系统会提示格式错误和重复IP设备。

如何把图纸交给其他同事继续编辑?

发送“保存”生成的JSON项目文件,对方在工具中点击“打开”即可继续编辑。