最新技術棧Vue3+TS基於唯傑地圖開發的CAD雲端圖紙管理平台案例代碼開源了


系統介紹

唯傑地圖雲端圖紙管理平台 利用最新技術棧Vue+TypeScript基於唯傑地圖二次開發的系統。

實現了對AutoCAD格式的DWG圖紙的雲端管理查看功能。

大致功能如下:

  • CAD圖紙的在線上傳、打開、查看、版本管理
  • 在線圖層管理切換查看功能
  • 屬性數據查詢功能
  • 圖中文字搜索功能
  • 視圖管理功能
  • 打印功能,可輸出PNG、JPG、PDF、SVG等功能
  • 在線繪圖功能,(點,線,面,捕捉、裁剪等功能)
  • 圖紙批注功能
  • 自定義樣式更改功能
  • 數據展示功能 【重點推薦】,允許用戶模擬點數據、在圖上捕捉采集點、線、面數據、或者直接選擇實體數據,根據數據,選擇不同的繪制方式把數據展示在圖上。

在線免費體驗地址: https://vjmap.com/app/cloud

案例源碼可免費下載!!!

技術棧

  • 前端框架 Vue3

  • 開發語言 TypeScript

  • 打包工具 Vite

  • 界面庫 Element plus

  • 狀態管理 Pinia

功能介紹

CAD圖紙的在線上傳、打開、查看、版本管理

image-20220306184355126

上傳成功后,取個圖名稱ID

image-20220306184730008

在線圖層管理切換查看功能

image-20220306193805420

屬性數據查詢功能

image-20220306193844388

圖中文字搜索功能

image-20220306193925867

視圖管理功能

image-20220306193947991

打印功能,可輸出PNG、JPG、PDF、SVG等功能

image-20220306194007331

在線繪圖功能,(點,線,面,捕捉、裁剪等功能)

image-20220306194108822

圖紙批注功能

image-20220306194428223

自定義樣式更改功能

image-20220306194506354

數據展示功能 【重點推薦】

允許用戶模擬點數據、在圖上捕捉采集點、線、面數據、或者直接選擇實體數據,根據數據,選擇不同的繪制方式把數據展示在圖上。

image-20220306194555754

數據來源支持

  • 隨機數據
  • 圖上捕捉拾取點
  • 采集線(可捕捉圖上的坐標點)
  • 采集多邊形(可捕捉圖上的坐標點)
  • 選擇圖上的實體,返回位置坐標數據
  • 選擇圖上的實體,返回渲染的幾何坐標數據

繪制方式支持如下:

  • image-20220306194930558

  • image-20220306200138186

  • image-20220306200147920

  • 其他

    image-20220306200159175

    使用上述工具,可以方便快捷的把數據用所需要的效果展示出來。效果如下:

    datadisplay.gif

唯傑地圖介紹

唯傑地圖VJMAPCAD圖或自定義地圖格式WebGIS可視化顯示開發提供的一站式解決方案,支持的格式如常用的AutoCADDWG格式文件、GeoJSON等常用GIS文件格式,它使用WebGL矢量圖塊自定義樣式呈現交互式地圖, 提供了全新的大數據可視化實時流數據可視化功能,通過本產品可快速實現瀏覽器和移動端上美觀、流暢的地圖呈現與空間分析,可幫助您在網站中構建功能豐富、交互性強、可定制的地圖應用。

唯傑地圖官網地址:https://vjmap.com/

特點

  • 完全兼容AutoCAD格式的DWG文件,無需轉換
  • 繪圖技術先進:采用WebGL技術,支持矢量地圖渲染,支持柵格、圖片、視頻等圖形渲染,支持3D模型渲染;
  • 個性化地圖:服務端渲染和前端渲染都支持自定義樣式表達式,靈活強大;
  • 多視角模式:支持2D、3D視角,支持垂直視角、360度旋轉視角;
  • 視覺特性:支持無極縮放、支持粒子、航線等動畫效果、支持飛行、平移等運動特效;
  • 功能完善:支持所有常見的地圖功能,提供豐富的js接口;
  • 交互控制:支持鼠標/單指拖拽、上下左右按鍵進行地圖平移,支持鼠標滾輪、雙擊、雙指進行地圖縮放,支持Shift+拉框放大;
  • 大數據可視化:性能卓越,支持大數據可視化展示
  • 跨平台支持(支持windows,linux); 支持docker部署;支持私有化部署;支持桌面端語言開發(如C#JavaC++語言)

唯傑地圖服務號:

image-20220306200759840


免責聲明!

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



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