CAD网页Web端显示开发为什么要以WebGIS的思路来开发?
背景
在之前的博文CAD图DWG解析WebGIS可视化技术分析总结中讲解了如何把CAD的DWG格式的图纸Web可视化的方案。博文发布后,受到不少同行们的关注,也有不少咨询一些专业问题,其中大家可能疑惑的比较多的是WebGIS网上发布CAD图形和传统的Web上打开CAD图绘制有啥优势。下面针对自己的理解和经验说下自己的看法。
概念
传统的Web发布CAD图形是指把CAD图形进行转换成前端成绘制的格式
,如SVG,PDF,F2d,obj等threejs或其他绘制框架所能支持的格式,下载
到前端再进行渲染
。
WebGIS发布是指把CAD图形在后台读取DWG文件
渲染成GIS
的栅格
或矢量瓦片
数据,然后前端利用GIS框架加载瓦片
进行渲染
。
比较
加载速度
传统的Web发布CAD图形会把整个图形通过http
下载到web端,如何对于图形比较大的情况,如几十M或更大的DWG图形,请求图形的速度就会慢。
而WebGIS的思路是以空间换时间
,在后台已经把数据渲染成了栅格
或矢量瓦片
数据,根据用户查看的可视图形范围加载所看到的数据,不会一次性加载全部数据。所以加载速度会快很多。
绘制性能
传统的Web发布CAD图形每次刷新图形的时候,都要重新渲染全部图形,尽管现在WebGL技术成熟性能卓越,图比较大时,也会造成渲染变慢。
而WebGIS,只需在前端加载显示已渲染的栅格数据
即可,性能不成问题。即便渲染成矢量瓦片
数据需要在前端进行渲染,也是可视瓦片
数据进行渲染,所以不会造成性能问题。
应用开发
现实生活中的有些常用功能,WebGIS中容易实现,但在传统Web发布CAD中却很难。举例如下:
-
不同显示级别显示不同内容 以大家熟悉的中国地图为例,一开始是全国的图纸,随着图纸的放大,内容会越来越丰富。
-
文字避让 如果需要显示的文字内容很多,GIS中可以设置文字避让,使用户只看到关心的文字标识,这样图纸显得清晰。
文字避让效果:
-
应用效果开发 WebGIS可以基于html5并且利用gis强大的生态圈开发不同的应用效果,开发简单,开发速度快,效果好
-
与互联网地图叠加 有些图纸如地形图,在GIS里通过坐标转换可以与互联网地图叠加查看
WebGIS的缺点是在后台渲染瓦片数据,要进行所谓的切片,对服务器的性能要求比较高;
结论
传统的Web发布CAD图形适用于在Web端需图形编辑、可只简单的进行查看图形的场景。
而对WebGIS网页端展示CAD图形更适合于性能体验、速度要求比较高、开发应用效果好的场景!
唯杰地图 https://vjmap.com/为用户自定义地图格式WebGIS可视化显示开发提供的一站式解决方案,完全兼容AutoCAD的DWG格式
、23d效果完美切换
、高性能webgl渲染
、个性化地图定制
、矢量栅格瓦片全支持
、跨平台私有化部署
。感兴趣的朋友可以访问demo体验下.
demo地址 可访问 https://vjmap.com/demo/#/demo/map/overlay/fillextrusion/fillextrusion
效果如下:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验