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中可以設置文字避讓,使用戶只看到關心的文字標識,這樣圖紙顯得清晰。

文字避讓效果:
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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM