最新技术栈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++
语言)
唯杰地图服务号:
最新技术栈Vue3+TS基于唯杰地图开发的CAD云端图纸管理平台案例代码开源了相关推荐
- 基于SpringBoot +Vue+ ElementUI 开发的多用户博客管理平台,就是这么简单!
想着刚刚渡过的国庆假期,想到今年的法定假期已经全没了,心里有一股蛋蛋的忧桑,不过马上要周末了,TJ君又觉得精神振奋! 既然周末了,那就该搞点轻松点的东西快乐下,TJ君一直告诫那些晚辈,工作就是快乐,这 ...
- CAD_DWG图Web可视化一站式解决方案-唯杰地图-vjmap
背景 DWG图是AutoCAD是私有格式,只能在CAD软件上编辑查看,如何发布至Web上做数据展示,GIS分析应用开发,一直是业内头疼的事情. 传统的办法采用的解析AutoCAD图形绘制,并封装成Ac ...
- vue3+ts使用高德离线地图
在Vue3+TS项目中使用离线高德地图,需要先下载离线地图瓦片,然后使用AMap.TileLayer类加载瓦片图层.以下是一个详细的demo: 下载离线地图瓦片 安装高德地图SDK 安装高德地图SDK ...
- vue3+ts openlayers 点击地图图标更换图标操作
创建地图 const mapContainer = shallowRef<HTMLDivElement | null>(null); const map = shallowRef<o ...
- Android基于LBS的地图开发:(一)Google地图的调用
本文将分为两部分,第一部分是指导用户使用Mapview控件进行编程,其中包括了如何获得Google Map API,如何使用该API进行简单的开发,如何获得用户当前所在的位置.第二部分则包括如何在地图 ...
- 基于大模型,开发一款中文议论文写作平台丨“悟道之巅”公开课实录(4)
扫描图上二维码或点击原文文末"阅读原文"即可参赛! 如果你错过了上一波深度学习引发的NLP范式转换,不要再错过这一波超大预训练模型的崛起. 近日,"悟道"核心团 ...
- 基于tkinter界面requests爬虫实现的学生事务管理平台自动填写系统
简 介:此系统针对全球某工商每学期都要学生填写的学生互评,于可视化界面进行一键填写操作. 关键词:python, tikinter,gui,requests,爬虫,桌面程序 文章目录 前言 一.实际效 ...
- 基于边缘计算技术的安科瑞综合管廊能效管理平台
一.平台背景 综合管廊一般是建于城市地下用于容纳两类及以上城市工程管线的构筑物及附属设施,将电力.自来水.热力.煤气.电信.网络等市政公用管线根据规划要求集中敷设在同一个构建物内,实施统一设计.施工. ...
- 基于VUE + Echarts 实现可视化数据大屏景区管理平台
前言
最新文章
- PHP中可变变量和php可变函数到底有什么用?
- 谷歌联合创始人:AI发展速度让我吃惊,但未来难料
- 推荐!计算机视觉最适合入门的 8 本教程,算法与实战兼备
- 10深入理解C指针之---指针运算和比较
- Sun Cluster3.3+Oracle11g配置数据库资源问题
- setnx和expire合成一条指令_Python 为什么只需一条语句“a,b=b,a”,就能直接交换两个变量?...
- C++ const用法 尽可能使用const
- (11)Node.js 核心模块fs – 同步函数( synchronization )
- ASP.NET路由系统实现原理:HttpHandler的动态映射
- 【转】 测试人员的职业规划 --整理标注
- java jar 是什么_java中的jar文件是什么
- Navicat有什么用?如何安装?【C++培训】
- plsql官方下载地址
- CSS选择器之:first-child,:last-child
- 记事本编写java代码出现中文乱码
- 部署Microsoft LAPS分步指南
- 高数_证明_极限存在的单调有界准则
- PTA Python程序设计-02
- 华大HC32F460NMI中断实验
- 路灯远程无线监控系统