CAD網頁Web端顯示開發為什麼要以WebGIS的思路來開發?

vjmap發表於2021-10-19

背景

在之前的博文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

相關文章