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圖形更適合於效能體驗、速度要求比較高、開發應用效果好的場景!
唯傑地圖 https://vjmap.com/為使用者自定義地圖格式WebGIS視覺化顯示開發提供的一站式解決方案,完全相容AutoCAD的DWG格式
、23d效果完美切換
、高效能webgl渲染
、個性化地圖定製
、向量柵格瓦片全支援
、跨平臺私有化部署
。感興趣的朋友可以訪問demo體驗下.
demo地址 可訪問 https://vjmap.com/demo/#/demo/map/overlay/fillextrusion/fillextrusion
效果如下: