基于Web的CAD一张图协同在线制图更新轻量级解决方案[示例已开源]

背景

之前相关的博文中介绍了如果在Web网页端展示CAD图形(唯杰地图云端图纸管理平台 唯杰地图云端图纸管理平台)，有不少朋友问，能不能实现一个协同的功能，实现不同部门不同专业间“一张图协同”，解决目前Web端CAD查看图纸更新不及时不同步的痛点！

需求分析

需求举例如下：如下图所示，图纸四属于一张图，此图由不同部门的图形组合而成【图纸一(图层1)、图纸一(图层3)、图纸二(图层2)、图纸三(图层3)】, 当图纸一、图纸二、图纸三有更新时，图形四应及时更新至最新版本，保证查看一张图图纸四时，永远是最新的图形版本。

要想实现上面的功能，涉及到版本控制、权限控制、图形合并等相关功能。

实现原理介绍

一张图协同图形是由不同的部分的子图形中的相关图层组合而成。实现图形的组成查看有两种方式。

WMS服务组合图形

Web 地图服务 (WMS) 是用于在 Web 上显示 GIS 数据的 最广泛使用和最简单的形式，他能将不同的图形瓦片根据坐标叠加对应到一起。此方式是通过WMS方式，把要叠加显示的图通过WMS叠加到一起，把叠加后的瓦片数据返回给前端。

合并CAD图形创建协同图形

此方式是通过组合的参数，在后台根据参数把不同的CAD图合成一个新的组合图形。看查一张图时，查看的是组合后的图形。

两者的优缺点比较如下：

WMS服务组合图形： 叠加显示过程中速度快；组合图形太多时效率低；后期查询数据时不方便(涉及到多个图查询)<