如何在Web前端实现CAD图文字全文搜索

最新推荐文章于 2024-09-29 11:53:04 发布

vjmap

最新推荐文章于 2024-09-29 11:53:04 发布

阅读量1.6k

点赞数

分类专栏： map 文章标签： javascript gis cad dwg web

本文链接：https://blog.csdn.net/vjmap/article/details/124391497

版权

map 专栏收录该内容

27 篇文章 7 订阅

订阅专栏

现状

在CAD看图过程中我们经常会需要用到查找文字的功能，在AutoCAD软件查找一个文字时，可以通过打开左下角输入命令find，输入查找的文字，然后设置查找范围，就可以搜索到需要查询的文字。但在Web网页端打开CAD图查找文字时，有没有同样的办法呢？另外，如果有没有办法实现在很多图纸中像百度那样做到全文检索的功能？

实现思路

CAD图Web打开展示

拿之前分享的一款开源的利用最新技术栈Vue3开发的唯杰地图云端图纸管理平台唯杰地图云端图纸管理平台为例. 他实现了对AutoCAD格式的DWG图纸的云端管理查看功能。能对CAD图纸在线上传、打开、查看、版本管理; 在线图层管理切换查看功能; 属性数据查询功能等功能。

图中文字查找

图纸中文字查找方案

方法一直接后台读取CAD图纸内容，遍历所有的文字实体进行查找。

主要的文字实体包括单行文本AcDbText，多行文本AcDbMText,属性注记AcDbAttributeDefinition,块属性AcDbAttribute

实现步骤:

（1）在前端写代码通过内存方式在后台打开CAD图形

// 打开地图
let res = await svc.openMap({
    mapid: 'mapid', // 地图ID,(请确保此ID已存在，可上传新图形新建ID)
    mapopenway: vjmap.MapOpenWay.Memory, // 后台以内存方式打开已上传的图
})

(2) 查找文本实体，因为前端是javascript语言，不可能直接去遍历后台图形数据库，这时可以用表达式查询来后台进行查询

 let query = await svc.exprQueryFeature({
        expr: `gOutReturn := if((gInFeatureType == 'AcDbText' or  gInFeatureType == 'AcDbMText'  or  gInFeatureType == 'AcDbAttributeDefinition'  or  gInFeatureType == 'AcDbAttribute'  ), 1, 0);`,
        fields: "",
        limit: 100000
 })

表达式语法可参考服务端渲染表达式语法 | 唯杰地图-VJMAP

这样查询有个缺点就是每次查询都要在后台打开CAD图形，然后再遍历图形数据库，根据表达式过滤出要查找的文字，效率低。

方法二通过SQL语句查询数据库来查找文字

实现步骤:

（1）在前端写代码通过几何渲染方式在后台打开CAD图形，几何渲染方式第一次请求数据时，会在后台打开图形，然后把图形数据和属性数据会保存至空间数据库，之后请求都会在空间数据库里查询数据。

// 打开地图
let res = await svc.openMap({
    mapid: env.exampleMapId, // 地图ID,(请确保此ID已存在，可上传新图形新建ID)
    mapopenway: vjmap.MapOpenWay.GeomRender // 以几何数据渲染方式打开
})

(2) sql语句查询文字，直接上代码

 let query = await svc.conditionQueryFeature({
       //只需要写sql语句where后面的条件内容,字段内容请参考文档"服务端条件查询和表达式查询"
       // 查询所有文字(包括单行文本，多行文本、块注记文字，属性文字) 具体类型数字参考文档"服务端条件查询和表达式查询-支持的cad实体类型" https://vjmap.com/guide/svrStyleVar.html
       condition: `name='12' or name='13' or name='26' or name='27'`,
       fields: ""
 })

SQL查询无需在后台再次打开CAD图形，直接使用SQL语句查询数据库,效率高。