最新技术栈Vue3+TS基于唯杰地图开发的CAD云端图纸管理平台案例代码开源了

系统介绍

唯杰地图云端图纸管理平台 利用最新技术栈

Vue

+

TypeScript

基于唯杰地图二次开发的系统。

实现了对

AutoCAD

格式的

DWG

图纸的云端管理查看功能。

大致功能如下：

• CAD图纸的在线上传、打开、查看、版本管理
• 在线图层管理切换查看功能
• 属性数据查询功能
• 图中文字搜索功能
• 视图管理功能
• 打印功能，可输出PNG、JPG、PDF、SVG等功能
• 在线绘图功能，（点，线，面，捕捉、裁剪等功能)
• 图纸批注功能
• 自定义样式更改功能
• 数据展示功能 【重点推荐】，允许用户模拟点数据、在图上捕捉采集点、线、面数据、或者直接选择实体数据，根据数据，选择不同的绘制方式把数据展示在图上。

在线免费体验地址： https://vjmap.com/app/cloud

案例源码可免费下载!!!

技术栈

• 前端框架 Vue3
• 开发语言 TypeScript
• 打包工具 Vite
• 界面库 Element plus
• 状态管理 Pinia

功能介绍

CAD图纸的在线上传、打开、查看、版本管理

上传成功后，取个图名称ID

在线图层管理切换查看功能

属性数据查询功能

图中文字搜索功能

视图管理功能

打印功能，可输出PNG、JPG、PDF、SVG等功能

在线绘图功能，（点，线，面，捕捉、裁剪等功能)

图纸批注功能

自定义样式更改功能

数据展示功能 【重点推荐】

允许用户模拟点数据、在图上捕捉采集点、线、面数据、或者直接选择实体数据，根据数据，选择不同的绘制方式把数据展示在图上。

数据来源支持

• 随机数据
• 图上捕捉拾取点
• 采集线(可捕捉图上的坐标点)
• 采集多边形(可捕捉图上的坐标点)
• 选择图上的实体，返回位置坐标数据
• 选择图上的实体，返回渲染的几何坐标数据

绘制方式支持如下：

• 点

  

• 线

  

• 面

  

• 其他

  

  使用上述工具，可以方便快捷的把数据用所需要的效果展示出来。效果如下：

  

唯杰地图介绍

唯杰地图VJMAP

为

CAD

图或

自定义地图格式

WebGIS

可视化

显示开发提供的一站式解决方案，支持的格式如常用的

AutoCAD

的

DWG

格式文件、

GeoJSON

等常用

GIS

文件格式，它使用WebGL

矢量图块

和

自定义样式

呈现交互式地图, 提供了全新的

大数据可视化

、

实时流数据

可视化功能，通过本产品可快速实现浏览器和移动端上美观、流畅的地图呈现与空间分析，可帮助您在网站中构建功能丰富、交互性强、可定制的地图应用。

唯杰地图官网地址：https://vjmap.com/

特点

• 完全兼容

  AutoCAD

  格式的

  DWG

  文件，无需转换
• 绘图技术先进：采用WebGL技术，支持

  矢量地图

  渲染，支持栅格、图片、视频等图形渲染，支持3D模型渲染；
• 个性化地图：服务端渲染和前端渲染都支持自定义样式表达式，灵活强大；
• 多视角模式：支持2D、3D视角，支持垂直视角、360度旋转视角；
• 视觉特性：支持无极缩放、支持粒子、航线等动画效果、支持飞行、平移等运动特效；
• 功能完善：支持所有常见的地图功能，提供丰富的js接口；
• 交互控制：支持鼠标/单指拖拽、上下左右按键进行地图平移，支持鼠标滚轮、双击、双指进行地图缩放，支持Shift+拉框放大；
• 大数据可视化：性能卓越，支持大数据可视化展示
• 跨平台支持(支持

  windows

  ,

  linux

  ); 支持

  docker

  部署;支持

  私有化

  部署;支持桌面端语言开发(如

  C#

  、

  Java

  、

  C++

  语言)

唯杰地图服务号：