基于VUE3开发的CAD图可视化平台代码开源了
前言
唯杰地图VJMAP 为CAD图或自定义地图格式WebGIS可视化显示开发提供的一站式解决方案，支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式，它使用 WebGL矢量图块和自定义样式呈现交互式地图, 提供了全新的大数据可视化可视化功能。
唯杰地图可视化平台旨在打造出一个直观、易于操作的地图展示界面， 为用户提供一种简便、高效、精准的CAD地图Web可视化方案，打造出CAD图WEBGIS低码平台。
视频示例教程 唯杰地图可视化之停车场路径规划 https://www.bilibili.com/video/BV1oX4y1r7L3/
唯杰地图可视化平台（vue3+ts）源码可免费下载!!!
概念
一个地图通常由底图、数据源、图层、UI控件所组成。
底图
底图指处于所有图层和图形最下方的一个图层。 底图可以是CAD做为底图，也可以用互联网地图如天地图、高德地图做为底图
数据源
地图将数据供给和图层渲染做了解耦，数据源用于定义底层数据的数据格式和加载方式，基于数据源请求的数据内容，不同的图层将其中全部或部分数据进行可视化渲染，以此完成整张地图的绘制。
数据源包括： GeoJSON、栅格瓦片地址、矢量瓦片地址、视频地址、图像地址等
图层
图层是构成地图的基本单元之一，它们用于定义地图的外观和行为。图层是一组用于显示数据的可视元素。每个图层都可以包含不同类型的地理数据，并使用各种绘制样式呈现。
图层包括： 矢量数据图层、栅格图层、热力图图层、背景图层等
某些图层的数据需要和数据源相绑定，当数据源中的数据发生变化了，相应的图层显示也会发生变化。
UI控件
主要用于与地图的交互或信息的展示。如导航条控件、缩放控件、全屏控件、绘图控件、小地图控件等。
唯杰地图可视化平台介绍
新建
选择底图
选择底图后，可以在地图样式中对地图样式进行设置， 在地图选项对地图的初始显示位置进行设置。
数据源
- GeoJson数据源：
静态数据：静态的geojson数据，可以直接输入或者在图上拾取获取、或随机生成；
图形查询数据：通过后台查询CAD图的数据获取得指定条件的GeoJSON数据；
图形绘制数据：通过在图上绘制不同的图形获取到绘制的GeoJSON数据；
动态数据：动态数据是指对Geojson进行一定的处理或定时处理后的GeoJSON数据；
- WMS数据源：
是指通过WMS叠加CAD图或互联网图的栅格或矢量瓦片地址数据源
- 栅格瓦片数据源
- 矢量瓦片数据源
- 图像数据源
- 视频数据源
做为示例，我们选择geojson静态数据，随机生成了一些geojson点数据
图层
选择确定后
点击图层，可进入图层详细设置界面
控件
逻辑
通过可视化无法配置的逻辑部分，需编写逻辑代码
也可以通过工具栏上面下载html,vue等相关代码工程，在vscode等编辑器中实现逻辑代码编写，这样语法提示，调试体验更佳些。
设置
发布和导出
临时修改时，可保存至本地。发布时将数据保存至服务端即可。
项目管理
回至唯杰地图可视化首页，点击操作按钮，可以对相应项目进行管理
基于VUE3开发的CAD图可视化平台代码开源了相关推荐
- 祖玛java代码_androidzuma 基于java开发的安卓祖玛龙珠游戏代码，可帮助 的 学习。 Develop 238万源代码下载- www.pudn.com...
文件名称: androidzuma下载 收藏√ [ 5 4 3 2 1 ] 开发工具: Java 文件大小: 1174 KB 上传时间: 2013-11-27 下载次数: 1 提 供 者: ...
- 基于windriver开发驱动，64位平台和32位平台一次解决
一: 在基于windriver开发驱动来说,对于个人并不喜欢这种东西,但是效率需求,需要使用这种中间件.但是在创建工程的时候往往是创建一个64位的工程,因为我们当前电脑64位,在里面我们可能直接发布出 ...
- 基于svg开发绘制地铁图
中国地铁图 中国地铁图,基于svg开发,支持PC.移动端多种浏览器.覆盖北上广多个城市. 线上开源地址 https://github.com/StavinLi/the-subway-of-china ...
- javaweb基于SSM开发商城NBA网商购物平台 课程设计 毕业设计源码
基于SSM开发NBA网商购物平台:(毕业设计/课程设计) 开发工具: Eclipse+Jdk+Tomcat+MySQL数据库 演示视频: javaweb基于SSM开发NBA运动购物平台商城系统源码 运 ...
- 如何用深度学习进行CT影像肺结节探测（附有基于Intel Extended Caffe的3D Faster RCNN代码开源）
近期宜远智能参加阿里天池医疗AI大赛,用3D Faster RCNN模型在CT影像的肺结节探测上,取得了较好的成绩,特别是在计算资源充足的情况下,模型效果表现优异.这是他们的经验分享(https:// ...
- vue 雷达扫描_GitHub - suneildve/vueDataV: 基于Vue + Echarts 构建的数据可视化平台，酷炫大屏展示模板和组件库，持续更新各行各业实用模板和炫酷小组件。...
前言 一个基于Vue前端框架和第三方图表库echarts构建的可视化大数据平台,通过vue项目构建.指令的灵活运用.组件封装.组件之间通信,使内部图表组件库可实现自由替换和组合. 项目中部分前端库采用 ...
- 基于PHP语言ThinkPhp6+Layui数据可视化平台
项目介绍 一款 PHP 语言基于 ThinkPhp6.x.Layui.MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本着简化开 ...
- 基于vue3开发一个北京当地特色浏览网站
该项目旨在开发一个基于Vue 3的网站,用于浏览北京当地的特色景点和美食.以下是该项目的详细流程和解析: 步骤 1:项目初始化 首先,我们需要创建一个Vue 3项目并安装必要的依赖项.可以使用Vue ...
- pytorch实现特征图可视化，代码简洁，包教包会
是不是要这样的效果 技术要点 1.选择一层网络,将图片的tensor放进去 2.将网络的输出plt.imshow 代码可直接复制使用,需要改的就是你的图片位置 import torch from to ...
最新文章
- php补充安装扩展支持
- java采集温湿度水浸_配电室水浸及温湿度监测系统可加强环境保障
- Kubernetes安全之鉴权
- cocos2d-x游戏实例（19）-纵版射击游戏（6）
- 右击硬盘分区第一项出现Auto的解决办法
- mybatis的select、insert、update、delete语句
- ios开发入门资料整理
- 干货 | 高效阅读英文文献你必须知道的技巧
- X站全称是什么_哔哩哔哩：b站的由来、233娘的拜年祭、霸屏的雷姆、站内界面变化...
- 用JavaScript写一个简单的网页倒计时插件
- 8.高等数学-两个重要的极限定理
- 等差数列_等比数列公式
- 网络技术实践—单臂路由器
- 淘宝店铺有点击没转化？做好这几点带你提升转化率
- 一、SpringCloud入门
- php 关键词生成,DEDECMS实现文章tag关键词自动生成列表页的方法
- python爬取收费素材_基于Python爬取素材网站音频文件
- 学校wifi覆盖解决方案
- SAP系统资产年结步骤、以及资产年结错误后处理方式
- IT公司架构以及发展路线