唯杰地图 logo唯杰地图
VJMAP
EN
Examples

1453 个在线示例,打开就能跑

覆盖 2D 图纸、CAD 绘图扩展、三维、WebCAD 与 AI 可视化。每个示例都附完整源码,可在示例站在线修改运行,源码也已开源在 GitHub · vjmap-playground,更多源码请加客服微信。

唯杰地图 2D

打开 DWG、坐标转换、互联网底图叠加、覆盖物、查询分析、动画…

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
打开地图[矢量瓦片]
打开地图[矢量瓦片]

以矢量瓦片方式打开已上传的CAD的DWG格式的图

地图服务运行 ↗
打开地图[栅格瓦片]
打开地图[栅格瓦片]

以栅格瓦片方式打开已上传的CAD的DWG格式的图

地图服务运行 ↗
打开地图[内存方式]
打开地图[内存方式]

直接在后台以内存方式打开已上传的CAD的DWG格式的图,以栅格形式展示

地图服务运行 ↗
栅格矢量瓦片切换显示
栅格矢量瓦片切换显示

低级别下显示栅格瓦片,高级别下显示矢量瓦片

地图服务运行 ↗
栅格矢量瓦片同时显示
栅格矢量瓦片同时显示

有些图层用栅格瓦片显示,有些图层用矢量瓦片显示。

地图服务运行 ↗
浅色主题
浅色主题

浅色主题以矢量瓦片方式打开已上传的CAD的DWG格式的图

地图服务运行 ↗
矢量瓦片选择高亮整体实体
矢量瓦片选择高亮整体实体地图服务运行 ↗
新建地图[先预览后生成DWG图]
新建地图[先预览后生成DWG图]

在前端先预览生成的图形,再导出打开DWG图

地图服务运行 ↗
新建地图[直接生成DWG图打开]
新建地图[直接生成DWG图打开]

在后台新建CAD图,然后在前端打开

地图服务运行 ↗
通过网络路径打开地图
通过网络路径打开地图

传入DWG路径的http路径打开DWG图

地图服务运行 ↗
通过服务器本地路径打开地图
通过服务器本地路径打开地图

传入服务器本地DWG路径打开DWG图

地图服务运行 ↗
在现有图形上修改或新增删除[先预览再生成DWG]
在现有图形上修改或新增删除[先预览再生成DWG]

基于现在的图形,在上面进行修改或新增删除,先预览再生成DWG

地图服务运行 ↗
在现有图形上修改或新增删除[改变原图]
在现有图形上修改或新增删除[改变原图]

基于现在的图形,在上面进行修改或新增删除,会对原DWG图进行修改

地图服务运行 ↗
在原有数据上修改或新增删除[改变原图]
在原有数据上修改或新增删除[改变原图]

通过之前创建的数据,获取原来的数据,对原来的数据进行修改。

地图服务运行 ↗
在线编辑图形[不改变原图]
在线编辑图形[不改变原图]

基于现在的图形,在上面进行修改或新增删除,不会对原DWG图进行修改,只会通过修改样式来对前端显示进行修改,效率高

地图服务运行 ↗
插入外部图形符号或图形
插入外部图形符号或图形

把外部图形的元素插入至当前图形中

地图服务运行 ↗
通过坐标加载外部图形实体
通过坐标加载外部图形实体

把外部图形的元素通过坐标指定插入至当前图形中(以geojson形式加载,前端绘制)

地图服务运行 ↗
通过坐标加载外部图实体瓦片图层
通过坐标加载外部图实体瓦片图层

把外部图形的元素通过坐标指定插入至当前图形中(以瓦片形式加载,后端绘制)

地图服务运行 ↗
基于模板数据自动成图
基于模板数据自动成图

根据一个cad图模板,用数据自动生成导出dwg图形

地图服务运行 ↗
上传新图形
上传新图形

上传本地的CAD图形,然后在前端打开

地图服务运行 ↗
上传新图形(基于ElementUI实现)
上传新图形(基于ElementUI实现)

用ElementUI上传本地的CAD图形,然后在前端打开

地图服务运行 ↗
地图管理
地图管理

对地图进行管理

地图服务运行 ↗
地图工作区管理
地图工作区管理

不同的工作区的地图存放位置不同,数据之间相互隔离

地图服务运行 ↗
初始化系统默认地图数据
初始化系统默认地图数据

初始化系统默认地图数据

地图服务运行 ↗
打开有密码保护的图
打开有密码保护的图

需要输入密码或AccessKey才能访问有密码保护的图

地图服务运行 ↗
打开指定版本
打开指定版本

传入地图ID和指定版本打开地图

地图服务运行 ↗
图形处理合成新的图形
图形处理合成新的图形

通过将图形列表处理后,再合成一个新的图形

地图服务运行 ↗
图形排列组合成新图形
图形排列组合成新图形

将多个图排列组合成一个新的图形

地图服务运行 ↗
组合图形
组合图形

通过不同图形和版本号组合成新的图形

地图服务运行 ↗
新建组合图形
新建组合图形

通过UI界面选择不同图形和版本号组合成新的图形

地图服务运行 ↗
删除地图
删除地图

删除指定的图形

地图服务运行 ↗
服务性能实时统计分析
服务性能实时统计分析

根据CAD模板图形,用实时数据替换CAD中的文字进行显示

地图服务运行 ↗
自定义样式打开地图
自定义样式打开地图

通过指定不同的样式内容在后台打开地图

地图服务运行 ↗
修改后端渲染数据[通过样式]
修改后端渲染数据[通过样式]

通过自定义样式表达式使后端渲染不同的数据样式

地图服务运行 ↗
修改前端渲染数据[矢量瓦片]
修改前端渲染数据[矢量瓦片]

通过修改矢量瓦片的样式在前端修改渲染数据

地图服务运行 ↗
切换图层[内存方式]
切换图层[内存方式]

直接在后台以内存方式打开已上传的CAD的DWG格式的图,并切换图层

地图服务运行 ↗
切换图层[几何栅格渲染]
切换图层[几何栅格渲染]

在后台获取几何数据并进行渲染至前端,并切换图层

地图服务运行 ↗
切换图层[几何矢量渲染]
切换图层[几何矢量渲染]

在后台获取几何数据并进行渲染至前端,并切换图层

地图服务运行 ↗
切换图形[地图对象不变]
切换图形[地图对象不变]

通过图形id切换不同的图形,切换后地图对象map不会发生变化

地图服务运行 ↗
切换图形[地图对象改变,同个div]
切换图形[地图对象改变,同个div]

先销毁地图,再用地图关联同一个div去创建

地图服务运行 ↗
切换图形[地图对象改变,不同div]
切换图形[地图对象改变,不同div]

通过图形id切换不同的图形,切换后地图对象map和所关联的容器将重新创建,发生变化

地图服务运行 ↗
切换主题
切换主题

切换深色或浅色主题

地图服务运行 ↗
切换线宽是否显示
切换线宽是否显示地图服务运行 ↗
自定义矢量瓦片绘制
自定义矢量瓦片绘制

自定义矢量瓦片绘制

地图服务运行 ↗
矢量数据图层颜色设置
矢量数据图层颜色设置

根据不同的图层名称设置不同的颜色

地图服务运行 ↗
矢量数据图层拉伸
矢量数据图层拉伸

矢量瓦片图层拉伸效果

地图服务运行 ↗
比较地图不同处
比较地图不同处

查找出不同图或不同版本之间地图的修改新增删除部分

地图服务运行 ↗
查询矢量数据并绘制物件
查询矢量数据并绘制物件

根据不同条件查询前端矢量数据并绘制相关物件

地图服务运行 ↗
后台查询实体数据[几何渲染]
后台查询实体数据[几何渲染]

几何数据渲染模式下,在后台通过条件查询实体数据

地图服务运行 ↗
后台查询实体数据[内存渲染]
后台查询实体数据[内存渲染]

直接在后台以内存方式打开已上传的CAD的DWG格式的图模式下,在后台通过条件查询实体数据

地图服务运行 ↗
条件查询定位闪烁实体
条件查询定位闪烁实体

几何数据渲染模式下,在后台通过条件查询实体数据并定位闪烁到此实体

地图服务运行 ↗
查找图中块并修改颜色动画线
查找图中块并修改颜色动画线

查找图形中的所有块或组实体,并根据状态修改块的颜色和响应事件

地图服务运行 ↗
查找范围内圆并绘制边框
查找范围内圆并绘制边框

查找图形中的范围内的所有圆根据外包矩形绘制边框

地图服务运行 ↗
线与图求交点
线与图求交点

绘制一条线与图中的实体求交点

地图服务运行 ↗
自动拆分子图
自动拆分子图

根据规则,对图中的子图进行自动拆分,并能保存成子图或导出图片

地图服务运行 ↗
自动拆分子图(后台获取子图范围)
自动拆分子图(后台获取子图范围)

通过后台自动获取所有子图范围,并在后台根据范围批量保存所有子图

地图服务运行 ↗
获取图中所有文字并高亮
获取图中所有文字并高亮地图服务运行 ↗
根据规则查找相关联的文字
根据规则查找相关联的文字

根据有规则的图形查找相关联的实体如文字

地图服务运行 ↗
查找相关图纸中的文字并定位
查找相关图纸中的文字并定位

查找相关图纸中的文字并定位

地图服务运行 ↗
提取图中规律数据生成表格数据
提取图中规律数据生成表格数据地图服务运行 ↗
定位图中表格并提取表格数据
定位图中表格并提取表格数据地图服务运行 ↗
指定距离间距自动获取每层厚度
指定距离间距自动获取每层厚度地图服务运行 ↗
多种查询块对象子实体面积最大值
多种查询块对象子实体面积最大值

查询块中面积最大的实体,先通过表达式查询,再通过条件查询。一起分析结果

地图服务运行 ↗
高亮选择的实体
高亮选择的实体

绘制矩形高亮矩形内选择的实体

地图服务运行 ↗
多边形选择实体
多边形选择实体

绘制多边形高亮矩形内选择的实体

地图服务运行 ↗
自定义后台栅格样式
自定义后台栅格样式

通过表达式来控制后台栅格样式

地图服务运行 ↗
定义后台矢量瓦片样式
定义后台矢量瓦片样式

通过表达式来控制后台矢量瓦片样式

地图服务运行 ↗
个性化地图样式
个性化地图样式地图服务运行 ↗
精灵图绘制点符号
精灵图绘制点符号地图服务运行 ↗
删除样式
删除样式

删除后台样式数据

地图服务运行 ↗
获取服务支持的所有矢量字体
获取服务支持的所有矢量字体地图服务运行 ↗
WMS叠加栅格图形
WMS叠加栅格图形

通过wms服务,把两个图形通过栅格瓦片叠加到一起

地图服务运行 ↗
WMS叠加矢量图形
WMS叠加矢量图形

通过wms服务,把两个图形通过矢量瓦片叠加到一起

地图服务运行 ↗
WMS叠加多个图形(坐标系自动变化)
WMS叠加多个图形(坐标系自动变化)

通过wms服务,把多个图形通过栅格瓦片叠加到一起

地图服务运行 ↗
WMS叠加多个图形(坐标系不变)
WMS叠加多个图形(坐标系不变)

通过wms服务,把多个图形通过栅格瓦片叠加到一起

地图服务运行 ↗
WMS图形排列组合
WMS图形排列组合

将多个图通过WMS排列组合

地图服务运行 ↗
WMTS叠加多个图形(坐标系自动变化)
WMTS叠加多个图形(坐标系自动变化)

通过wmts服务,把多个图形通过栅格瓦片叠加到一起

地图服务运行 ↗
WMTS叠加多个图形(先有底图坐标系自动变化)
WMTS叠加多个图形(先有底图坐标系自动变化)

通过wmts服务,把多个图形通过栅格瓦片叠加到一起

地图服务运行 ↗
WMTS叠加多个图形(先有底图坐标系不变)
WMTS叠加多个图形(先有底图坐标系不变)

通过wmts服务,把多个图形通过栅格瓦片叠加到一起

地图服务运行 ↗
更改图的原有坐标系
更改图的原有坐标系地图服务运行 ↗
自定义实体关联关系
自定义实体关联关系

可自己设置实体的关联关系,点击相关联的实体时,其他实体高亮显示

地图服务运行 ↗
自定义选择高亮样式
自定义选择高亮样式

点击选择实体时高亮效果

地图服务运行 ↗
自定义高亮区域
自定义高亮区域

可以根据自己的需要圈划相关区域并高亮响应事件

地图服务运行 ↗
选择实体修改实体颜色增加效果
选择实体修改实体颜色增加效果地图服务运行 ↗
设置地图全图显示对应显示级别
设置地图全图显示对应显示级别

设置地图全图显示对应显示级别

地图服务运行 ↗
查询图中部分区域前端绘制
查询图中部分区域前端绘制

给定一个区域或指定查询条件获取渲染数据通过geojson在前端绘制

地图服务运行 ↗
导出pdf
导出pdf

将地图导出为pdf文件

地图服务运行 ↗
导出图片
导出图片

将地图导出为指定大小的图像

地图服务运行 ↗
svg转换为cad
svg转换为cad地图服务运行 ↗
图片转换为cad
图片转换为cad地图服务运行 ↗
实体目标检测
实体目标检测

通过分析图像的方式,对选择的图像进行目标检测,查找相似的实体范围。

地图服务运行 ↗

找不到想要的?,它会从示例代码里找出最接近的写法。