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图形更适合于性能体验、速度要求比较高、开发应用效果好的场景！
唯杰地图 唯杰地图-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)实时图像数据的传输.本篇主要讲述下实时 ...
最新文章
- mysql5.6之key_buffer_size优化设置
- JAVA面试中问及Hibernate与 Mybatis的对比
- Android实现蝴蝶动画,Android中的动画具体解释系列——飞舞的蝴蝶
- css实现简单的告警提示动画效果
- layui添加复选框_layui复选框使用介绍
- UI设计配色专辑，设计师应用技巧
- vue项目中跨域问题的解决
- 互联网创业团队需要什么样的人
- Linux系统重要日志文件
- 测试人员常用的20个Linux命令（附Linux视频教程）
- 疫情可视化--2.爬虫--百度迁徙的疫情数据（各省市各个时间段迁入迁出比例）
- 【转载】斐讯K2P B1刷入金梅林固件，加koolproxy、S-S R等【V1.0尝鲜版】
- Unity禁止多点触控
- 向上滚动的文字的淡入淡出效果
- SSH项目，failed to lazily initialize a collection of role
- 美颜sdk与人脸识别技术的结合：为智能化时代注入美感
- WebAPI压力测试
- HackTheBox::Seal
- 8.Python中装饰器是什么？
- 面对气势汹汹的瑞丽算法，SEO应该怎样做