背景

在之前的博文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图形更适合于性能体验、速度要求比较高、开发应用效果好的场景！

唯杰地图唯杰地图-VJMAP-为CAD图WebGIS可视化显示开发提供的一站式解决方案-VJ学习园地为用户自定义地图格式WebGIS可视化显示开发提供的一站式解决方案，完全兼容AutoCAD的DWG格式、23d效果完美切换、高性能webgl渲染、个性化地图定制、矢量栅格瓦片全支持、跨平台私有化部署。感兴趣的朋友可以访问demo体验下.

demo地址可访问 vjmap-webclient-javascript

效果如下:

CAD网页Web端显示开发为什么要以WebGIS的思路来开发？相关推荐

使用海康威视设备在Web端显示实时视频
前言目前做的项目,需要Web端显示实时视频数据.本次项目使用的是海康威视的摄像头进行实时监控. 硬件:萤石的摄像头(海康威视旗下的),海康威视的硬盘录像机. 软件:vlc 2.2.6版本. Web端 ...
利用ros3d.js实现 turtlebot3 在web 端显示并导航
ros3d导航,rosweb, 利用ros3djs实现 turtlebot3 在web 端显示并导航主要是用到 ros3djs.rosbridge_server.tf2_web_republishe ...
海康威视设备在Web端显示实时（回放）视频
前言目前做的项目,需要Web端显示实时视频数据.本次项目使用的是海康威视的摄像头进行实时监控. 硬件:海康威视的摄像头软件:video.js.nginx.vlc 参考:https://blog.c ...
zabbix搭建完，web端显示“zabbix服务器端运行中不”
zabbix搭建完,web端显示"zabbix服务器端运行中不"如下图: 但是查看服务器的状态是running 然后查日志/var/log/zabbix/zabbix-serve ...
利用ros3djs接收pointcloud2在web端显示
因项目需要,要将道路实时的点云流在经过算法处理后在web端显示出来.其中用到点云检测算法,然后发布相应的处理后的点云topic.在web端相应位置创建3Dview接收显示. 主要是用到 ros3djs ...
WEB端显示三维地形模型
注:正常在WEB上显示三维地形首选Cesium,本文内容仅作为研究,展示文章用DEM制作通用三维地形模型中制作的局部三维地形模型 Cesium是可以很容易的实现在WEB端三维地形的,下面的图是分别是使 ...
网页显示不全（运行时网页pc端显示完全，手机端显示不全）
故障情况: 网页css编写无误,项目运行时,网页在pc端显示完全,但是当在手机端的屏幕宽度小于1080时,会出现右上角变成白色,可以交互,但不能正确显示解决方法: 在该页面的 <head ...
目标检测算法部署网页web端1
先上效果图这个是页面显示,该页面包括:上传图片按钮,图片预测按钮,结果清空按钮,和下载按钮听名字就知道各个按钮的功能了,就不一一介绍了. 本篇先更新html的代码,后续更新剩余部分. 我使用的是p ...
WEB端显示摄像头实时图像数据
目录前言方案详情技术点代码 C++部分 js部分结果存在问题下一步计划前言为实现远程画面监视,大致上有两种思路:(1)实时视频数据的传输:(2)实时图像数据的传输.本篇主要讲述下实时 ...

CAD网页Web端显示开发为什么要以WebGIS的思路来开发？

背景

概念

比较

加载速度

绘制性能

应用开发

结论

CAD网页Web端显示开发为什么要以WebGIS的思路来开发？相关推荐

最新文章

热门文章