美文网首页
CAD网页Web端显示开发为什么要以WebGIS的思路来开发?

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

作者: vjmap | 来源:发表于2021-10-19 20:29 被阅读0次

背景

在之前的博文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中可以设置文字避让,使用户只看到关心的文字标识,这样图纸显得清晰。

文字避让效果:


image-20211019202209105
  • 应用效果开发 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

效果如下:

image-20211015195337555

相关文章

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

    背景 在之前的博文CAD图DWG解析WebGIS可视化技术分析总结[https://www.cnblogs.com...

  • HTML基础

    新的征程 web前端介绍 web前端开发做什么 pc端web开发;移动端web开发;混合app开发;网页游戏/移动...

  • 1、Vue3.0 第一个地图

    OpenLayers是一个用于开发WebGIS客户端的高性能、功能丰富的JavaScript库,用于在 Web 上...

  • 07 Vue 服务端渲染 SSR

    07服务端渲染SSR 理解 SSR 传统 web 开发 传统 web 开发,网页内容在服务端渲染完成,一次性传输到...

  • JS和OC交互问题之-JS怎么调用相册

    最近开发中做H5和OC混编开发,需要通过JS调用iPhone的相册,并把图片传给Web端,然后显示在Web端,具体...

  • 【前端开发】移动Web开发

    在新的移动互联网的浪潮中,移动web的份额将会逐渐超越PC端。什么是移动WEB开发,其实就是将网页更好的显示在移动...

  • 前端 | 移动Web开发

    在新的移动互联网的浪潮中,移动web的份额将会逐渐超越PC端。什么是移动WEB开发,其实就是将网页更好的显示在移动...

  • App的抓取

    前文介绍的都是爬取web网页的内容,随着移动互联网的发展,有很多企业并没有提web网页端的服务,而是开发了app来...

  • WebView基本用法一

    Android常用一个来显示网页的控件WebView 现在Android应用层开发的方向有两种,原生的客户端开发和...

  • 入门篇笔记

    第一讲:WEB前端开发是做什么的及需要学习那些内容WEB前端开发工程师要做什么?答:做PC端和移动端的网页并解决...

网友评论

      本文标题:CAD网页Web端显示开发为什么要以WebGIS的思路来开发?

      本文链接:https://www.haomeiwen.com/subject/oqtzoltx.html