# 创建图形示例

# 前端根据数据生成CAD工程剖面图

# 效果

datatodwg.gif

# 它支持哪些功能?

  • 支持CAD的27种实体类型的创建,如线、文字、填充等
  • 支持对DWG图中实体进行修改、克隆、删除等操作
  • 支持创建CAD图层、线型、块定义、文字样式
  • 支持从外部图形中拷贝实体到当前创建的CAD图中
  • 支持块属性文字的创建和设置
  • 对创建好的CAD图形数据能以GeoJson的格式在前端直接展示,同时能选中移动等操作
  • 对创建好的CAD图形能在前端展示,同时能点击弹出实体类型等属性
  • 能导出成DWG图形

# 实现原理

image-20230303202058333

(1) 对剖面图中不变的元素如图例做成模板。创建图时直接拷贝这些实体即可。对于图签可以外部图形插入,同时图签中需要修改的文字内容如制图人或日期等字段,可以块属性文字的方式在创建时以属性赋值的方式来进行创建。如上面生成的剖面图的模板来源于下面这两个模板图形。

剖面图模板:image-20230303202523238

在线查看剖面图模板 (opens new window)

图签模板:(其中单位和日期是块属性文字,支持插入的时候输入属性值进行修改)

image-20230303202615419

在线查看图签模板 (opens new window)

(2) 获取要创建的绘图数据,示例中对数据进行了模拟生成。

(3) 根据唯杰地图https://vjmap.com/ (opens new window) SDK中提供创建CAD实体类型的方法创建相关实体。 唯杰地图SDK支持的实体类型有DbLine直线、DbCurve曲线、Db2dPolyline二维折线、Db3dPolyline三维多段线、DbPolyline多段线、BlockReference块参照、DbArc圆弧、DbCircle圆、DbEllipse椭圆、DbHatch填充、Text单行文本、DbMText多行文本、RasterImage栅格图片、DbShape型实体、Spline样条曲线、Wipeout遮罩实体、Dimension标注、Db2LineAngularDimension角度标注[两条线]、Db3PointAngularDimension角度标注[三点]、DbAlignedDimension对齐标注、DbArcDimension圆弧标注、DbDiametricDimension直径标注、DbOrdinateDimension坐标标注、DbRadialDimension半径标注、DbRadialDimensionLarge半径折线标注、DbRotatedDimension转角标注、AcDbAttributeDefinition属性注记、AcDbAttribute块属性、DbLayer图层、DbTextStyle文字样式、DbDimStyle标注样式、DbLinetypeStyle线型样式、DbBlock块定义、DbDocument数据库文档。

如何减少代码量可以用如下方法:

  • 技巧一:可以直接拷贝模板中的实体,对实体的属性进行修改。这样能少赋值参数,减少代码量。
  • 技巧二:对于重复的对象,可以创建块,变化的文字,以块属性文字定义。再重复创建块参照,修改属性文字。

(4) 把创建的数据生成一个JSON对象,调用唯杰地图服务,后台创建DWG图形。

(5) 把后台创建的DWG图形数据以GeoJson数据或GIS瓦片的格式返回给前端进行展示。对于图不大的情况,可用GeoJson数据进行展示。如果图大时,GeoJson数据量大,数据返回慢,渲染也会受影响,这时建议用GIS栅格瓦片或矢量瓦片的时候进行绘制。

# 在线体验地址

https://vjmap.com/demo/#/demo/map/comprehensive/03datatodwgmap (opens new window)

# 基于模板数据自动成果

根据一个cad图模板,用数据自动生成导出dwg图形 (opens new window)

CAD图模板如下 在线查看CAD图模板 (opens new window)

image-20240924210431612

显示代码
全屏显示