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

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

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

唯杰地图 2D

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

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
箭头动画图层
箭头动画图层动画运行 ↗
彩色线箭头动画图层
彩色线箭头动画图层动画运行 ↗
蚂蚁线动画图层
蚂蚁线动画图层动画运行 ↗
粒子线效果[加载图片创建]
粒子线效果[加载图片创建]动画运行 ↗
箭头线效果[Canvas绘制]
箭头线效果[Canvas绘制]动画运行 ↗
交通路况动画图层
交通路况动画图层动画运行 ↗
填充气泡动画效果[Canvas绘制]
填充气泡动画效果[Canvas绘制]动画运行 ↗
填充水滴动画效果[加载本地图片]
填充水滴动画效果[加载本地图片]动画运行 ↗
点符号人行走动画[加载图片创建]
点符号人行走动画[加载图片创建]动画运行 ↗
点符号动画[画布每帧绘制生成动画]
点符号动画[画布每帧绘制生成动画]动画运行 ↗
矢量瓦片动画图层
矢量瓦片动画图层

可以使矢量瓦片中的某个图层生成动画

动画运行 ↗
动画圆
动画圆动画运行 ↗
动画圆环
动画圆环动画运行 ↗
拉伸动画
拉伸动画动画运行 ↗
虚线路径动画
虚线路径动画动画运行 ↗
线图案路径动画
线图案路径动画动画运行 ↗
点标记动画
点标记动画动画运行 ↗
多段线拉伸动画
多段线拉伸动画动画运行 ↗
线流动动画
线流动动画动画运行 ↗
图标路径动画
图标路径动画动画运行 ↗
自定义图标动画
自定义图标动画动画运行 ↗
圆形扩散点动画
圆形扩散点动画动画运行 ↗
人员定位与数据集成展示
人员定位与数据集成展示综合示例运行 ↗
人员定位与数据集成展示2
人员定位与数据集成展示2

通过vjmapext扩展图层引用

综合示例运行 ↗
综合工业场景
综合工业场景综合示例运行 ↗
高科技效果展示
高科技效果展示综合示例运行 ↗
数据自动生成CAD工程剖面图1
数据自动生成CAD工程剖面图1

通过vjmapext扩展图层引用

综合示例运行 ↗
数据自动生成CAD工程剖面图2
数据自动生成CAD工程剖面图2

根据数据在前端创建生成CAD格式的工程剖面图形

综合示例运行 ↗
影像与CAD图叠加校准
影像与CAD图叠加校准

以影像以背景,根据选定的对应点自动校准CAD地图并修改地图坐标导出为DWG图

综合示例运行 ↗
CAD编辑图层
CAD编辑图层

通过vjmapext扩展图层引用

综合示例运行 ↗
CAD图在线编辑
CAD图在线编辑

能对CAD图进行修改、删除、新增操作,并且导出为dwg图

综合示例运行 ↗
路径规划
路径规划

自动从CAD图中提取车位置,定义好路线,点击车时,自动规划到出口的位置

综合示例运行 ↗
隐患管理系统示例
隐患管理系统示例

在CAD图标注出隐患点查看管理

综合示例运行 ↗
地图上下文菜单
地图上下文菜单右键菜单运行 ↗
覆盖物图层右键菜单
覆盖物图层右键菜单右键菜单运行 ↗
标记Marker右键菜单
标记Marker右键菜单右键菜单运行 ↗
地图控件增加与移除
地图控件增加与移除控件运行 ↗
属性控件
属性控件控件运行 ↗
按钮组控件
按钮组控件控件运行 ↗
自定义缩放级别控件
自定义缩放级别控件控件运行 ↗
小地图控件(鹰眼控件)
小地图控件(鹰眼控件)控件运行 ↗
deck弧线图层
deck弧线图层deckgl图层运行 ↗
复合图层[与deck图层叠加]
复合图层[与deck图层叠加]deckgl图层运行 ↗
deck等值线图层
deck等值线图层deckgl图层运行 ↗
deck填充图案图层
deck填充图案图层deckgl图层运行 ↗
deck线动画图层
deck线动画图层deckgl图层运行 ↗
deck点云图层
deck点云图层deckgl图层运行 ↗
deck散点图图层
deck散点图图层deckgl图层运行 ↗
deck场景图层
deck场景图层deckgl图层运行 ↗
deck网格图层
deck网格图层deckgl图层运行 ↗
deck模型图层
deck模型图层deckgl图层运行 ↗
deck模型图层[模型不缩放]
deck模型图层[模型不缩放]deckgl图层运行 ↗
deck路径流动图层
deck路径流动图层deckgl图层运行 ↗
绘图控件的添加
绘图控件的添加图形绘制运行 ↗
自定义增加隐藏绘图控件按钮
自定义增加隐藏绘图控件按钮图形绘制运行 ↗
异步方式绘制图形
异步方式绘制图形图形绘制运行 ↗
自定义绘图控件界面风格
自定义绘图控件界面风格图形绘制运行 ↗
绘制坐标可直接输入或鼠标拾取
绘制坐标可直接输入或鼠标拾取图形绘制运行 ↗
采集三维线
采集三维线

采集时可自动搜索文字获取当前点的高程值

图形绘制运行 ↗
捕捉地图中的坐标点
捕捉地图中的坐标点图形绘制运行 ↗
绘图控件样式设置
绘图控件样式设置图形绘制运行 ↗
绘图控件事件
绘图控件事件图形绘制运行 ↗
交互式绘制Marker标记
交互式绘制Marker标记图形绘制运行 ↗
测距量测面积工具(方式一)
测距量测面积工具(方式一)图形绘制运行 ↗
测距量测面积工具(方式二)
测距量测面积工具(方式二)图形绘制运行 ↗
自定义交互式绘制
自定义交互式绘制图形绘制运行 ↗
图纸批注
图纸批注图形绘制运行 ↗
一个可拖动的圆符号
一个可拖动的圆符号事件运行 ↗
地图点击和鼠标事件
地图点击和鼠标事件事件运行 ↗
地图拖拽相关事件
地图拖拽相关事件事件运行 ↗
地图加载完成事件
地图加载完成事件事件运行 ↗
地图移动相关事件
地图移动相关事件事件运行 ↗
地图缩放相关事件
地图缩放相关事件事件运行 ↗
点标记事件
点标记事件事件运行 ↗
多个点标记事件
多个点标记事件事件运行 ↗
点标记悬浮弹框
点标记悬浮弹框事件运行 ↗
覆盖物多段线多边形事件
覆盖物多段线多边形事件事件运行 ↗
缓冲区计算
缓冲区计算几何计算运行 ↗
求最近点
求最近点几何计算运行 ↗
求最短路径
求最短路径几何计算运行 ↗
等值线(面)分析
等值线(面)分析

根据坐标和属性数据生成数据等值线或等值面

几何计算运行 ↗
自动采集等值线上的点和高程值
自动采集等值线上的点和高程值

等值线本身没有高程值,只能通过等值线注记获取到高程值,再采集等值线上的点

几何计算运行 ↗
求线段交点(WebWorker实现)
求线段交点(WebWorker实现)几何计算运行 ↗
光柱和路径动画
光柱和路径动画l7图层运行 ↗
飞行线动画
飞行线动画l7图层运行 ↗
蜂窝图3D-
蜂窝图3D-l7图层运行 ↗
气泡动画图层-
气泡动画图层-l7图层运行 ↗
渐变柱状图层-
渐变柱状图层-l7图层运行 ↗
等值线图层
等值线图层l7图层运行 ↗
热力图3D
热力图3Dl7图层运行 ↗
网格热力图
网格热力图l7图层运行 ↗
背景遮盖层
背景遮盖层图层运行 ↗
自定义水印背景层
自定义水印背景层图层运行 ↗
热力图层
热力图层图层运行 ↗
自定义webgl绘制图层
自定义webgl绘制图层图层运行 ↗
栅格图像图层
栅格图像图层图层运行 ↗
天空图层
天空图层图层运行 ↗
REGL自定义图层
REGL自定义图层图层运行 ↗
加载唯杰地图CAD栅格瓦片
加载唯杰地图CAD栅格瓦片

使用leaflet来加载唯杰地图服务提供的CAD栅格瓦片

基于Leaflet开发地图运行 ↗
选择高亮实体
选择高亮实体

在leaflet点击鼠标高亮实体

基于Leaflet开发地图运行 ↗
上传打开CAD的DWG图形
上传打开CAD的DWG图形

使用leaflet来打开上传的CAD的DWG图形-

基于Leaflet开发地图运行 ↗
切换CAD图层
切换CAD图层基于Leaflet开发地图运行 ↗
切换图形
切换图形基于Leaflet开发地图运行 ↗
深色浅色切换主题
深色浅色切换主题基于Leaflet开发地图运行 ↗
自定义地图样式
自定义地图样式

通过修改唯杰地图后台样式数据自定义地图

基于Leaflet开发地图运行 ↗
CAD图处理组合
CAD图处理组合

对多个cad图进行图层开关裁剪旋转缩放处理后合并成一个新的cad图

基于Leaflet开发地图运行 ↗
查询图中所有文字并绘制边框
查询图中所有文字并绘制边框基于Leaflet开发地图运行 ↗
图形绘制
图形绘制基于Leaflet开发地图运行 ↗
CAD图叠加互联网地图[CAD为底图]
CAD图叠加互联网地图[CAD为底图]基于Leaflet开发地图运行 ↗
CAD图与互联网地图旋转叠加[CAD为底图]
CAD图与互联网地图旋转叠加[CAD为底图]基于Leaflet开发地图运行 ↗
互联网地图自动叠加CAD图[互联网图为底图]
互联网地图自动叠加CAD图[互联网图为底图]基于Leaflet开发地图运行 ↗
互联网地图公共点叠加CAD图[互联网图为底图]
互联网地图公共点叠加CAD图[互联网图为底图]基于Leaflet开发地图运行 ↗
新建地图对象
新建地图对象地图运行 ↗
根据数据建立空白地图对象
根据数据建立空白地图对象地图运行 ↗
销毁地图对象
销毁地图对象地图运行 ↗
得到地图中心点
得到地图中心点地图运行 ↗
点击获取地理坐标
点击获取地理坐标地图运行 ↗
限制地图显示范围
限制地图显示范围地图运行 ↗
初始化地图样式
初始化地图样式地图运行 ↗
地图的平移
地图的平移地图运行 ↗
缩放地图适应屏幕范围
缩放地图适应屏幕范围地图运行 ↗
地图比较(可用来比较不同版本或样式)
地图比较(可用来比较不同版本或样式)地图运行 ↗
地图坐标转换
地图坐标转换地图运行 ↗
飞行定位地图位置
飞行定位地图位置地图运行 ↗
地图同步
地图同步地图运行 ↗
像素坐标与CAD地理坐标转换
像素坐标与CAD地理坐标转换地图运行 ↗
设置图层透明度
设置图层透明度地图运行 ↗
设置图层自定义样式
设置图层自定义样式地图运行 ↗
设置地图中心点和缩放级别
设置地图中心点和缩放级别地图运行 ↗
地图2d模式(不允许倾斜)
地图2d模式(不允许倾斜)地图运行 ↗
设置鼠标样式
设置鼠标样式地图运行 ↗
设置获取地图显示范围
设置获取地图显示范围地图运行 ↗
调试瓦片图层
调试瓦片图层地图运行 ↗
只显示地图的某个区域
只显示地图的某个区域地图运行 ↗
地图上绑定数据位置点
地图上绑定数据位置点地图运行 ↗
地图自动平移当Marker超时屏幕时
地图自动平移当Marker超时屏幕时地图运行 ↗
加载唯杰地图CAD栅格瓦片
加载唯杰地图CAD栅格瓦片

使用maptalks来加载唯杰地图服务提供的CAD栅格瓦片

基于Maptalks开发地图运行 ↗
选择高亮实体
选择高亮实体

在maptalks点击鼠标高亮实体

基于Maptalks开发地图运行 ↗
点标记
点标记点标记运行 ↗
单个点标记
单个点标记点标记运行 ↗
多个点标记
多个点标记点标记运行 ↗
点标记拖拽
点标记拖拽点标记运行 ↗
地图上绑定多个点标注记
地图上绑定多个点标注记点标记运行 ↗
呼吸的光圈
呼吸的光圈点标记运行 ↗
扩散的点
扩散的点点标记运行 ↗
荧光点
荧光点点标记运行 ↗
发光的光环
发光的光环点标记运行 ↗
旋转的光环
旋转的光环点标记运行 ↗
旋转的文本框
旋转的文本框点标记运行 ↗
标记动画图层
标记动画图层点标记运行 ↗
vue3创建的Marker对象
vue3创建的Marker对象点标记运行 ↗
在指定级别上显示的点标记
在指定级别上显示的点标记点标记运行 ↗
随缩放级别缩小的点标记
随缩放级别缩小的点标记点标记运行 ↗
随地图视图范围变化自动移除增加的点标记
随地图视图范围变化自动移除增加的点标记点标记运行 ↗
一个有高度的点标记
一个有高度的点标记点标记运行 ↗
和地图对齐的点标记
和地图对齐的点标记

当地图旋转或倾斜时,标记Marker和地图方向保持一致

点标记运行 ↗
标记Marker聚合(重叠时显示总数)
标记Marker聚合(重叠时显示总数)点标记运行 ↗
标记Marker聚合(重叠时只显示一个)
标记Marker聚合(重叠时只显示一个)点标记运行 ↗
点符号聚合
点符号聚合点标记运行 ↗
点符号聚合自定义图标
点符号聚合自定义图标点标记运行 ↗
点标记Marker聚合(聚合通过Symbol绘制)
点标记Marker聚合(聚合通过Symbol绘制)点标记运行 ↗
测距
测距测量运行 ↗
测面积
测面积测量运行 ↗
测角度
测角度测量运行 ↗
测坐标
测坐标测量运行 ↗
常用内置内何模型
常用内置内何模型

sdk封装的常用内置内何模型

几何模型运行 ↗
填充圆模型相交裁剪
填充圆模型相交裁剪几何模型运行 ↗
笑脸模型
笑脸模型几何模型运行 ↗
窗户模型
窗户模型几何模型运行 ↗
桥模型
桥模型几何模型运行 ↗
多边形边框图案
多边形边框图案几何模型运行 ↗
车轮模型
车轮模型几何模型运行 ↗
CAD图加载几何模型
CAD图加载几何模型几何模型运行 ↗
网络拓扑图
网络拓扑图几何模型运行 ↗
道路单线变双线
道路单线变双线几何模型运行 ↗
加载唯杰地图CAD栅格瓦片
加载唯杰地图CAD栅格瓦片

使用openlayer来加载唯杰地图服务提供的CAD栅格瓦片

基于OpenLayers开发地图运行 ↗
加载唯杰地图CAD矢量瓦片
加载唯杰地图CAD矢量瓦片

使用openlayer来加载唯杰地图服务提供的CAD矢量瓦片

基于OpenLayers开发地图运行 ↗
选择高亮实体
选择高亮实体

在openlayer点击鼠标高亮实体

基于OpenLayers开发地图运行 ↗
上传打开CAD的DWG图形
上传打开CAD的DWG图形

使用openlayer来打开上传的CAD的DWG图形-

基于OpenLayers开发地图运行 ↗
切换CAD图层
切换CAD图层基于OpenLayers开发地图运行 ↗
切换图形
切换图形基于OpenLayers开发地图运行 ↗
深色浅色切换主题
深色浅色切换主题基于OpenLayers开发地图运行 ↗
自定义地图样式
自定义地图样式

通过修改唯杰地图后台样式数据自定义地图

基于OpenLayers开发地图运行 ↗
CAD图处理组合
CAD图处理组合

对多个cad图进行图层开关裁剪旋转缩放处理后合并成一个新的cad图

基于OpenLayers开发地图运行 ↗
查询图中所有文字并绘制边框
查询图中所有文字并绘制边框基于OpenLayers开发地图运行 ↗
图形绘制
图形绘制基于OpenLayers开发地图运行 ↗
CAD图叠加互联网地图[CAD为底图]
CAD图叠加互联网地图[CAD为底图]基于OpenLayers开发地图运行 ↗
CAD图与互联网地图旋转叠加[CAD为底图]
CAD图与互联网地图旋转叠加[CAD为底图]基于OpenLayers开发地图运行 ↗
互联网地图3857自动叠加CAD图[互联网图为底图]
互联网地图3857自动叠加CAD图[互联网图为底图]

底图为3857的坐标系

基于OpenLayers开发地图运行 ↗
互联网地图4326自动叠加CAD图[互联网图为底图]
互联网地图4326自动叠加CAD图[互联网图为底图]

底图为4326的坐标系

基于OpenLayers开发地图运行 ↗
互联网地图公共点叠加CAD图[互联网图为底图]
互联网地图公共点叠加CAD图[互联网图为底图]基于OpenLayers开发地图运行 ↗
圆弧填充
圆弧填充覆盖物运行 ↗
圆弧路径
圆弧路径覆盖物运行 ↗
圆填充
圆填充覆盖物运行 ↗
圆符号
圆符号覆盖物运行 ↗
批量绘制圆
批量绘制圆覆盖物运行 ↗
批量绘制圆或圆弧
批量绘制圆或圆弧覆盖物运行 ↗
圆路径
圆路径覆盖物运行 ↗
贝塞尔曲线路径
贝塞尔曲线路径覆盖物运行 ↗
贝塞尔曲线填充
贝塞尔曲线填充覆盖物运行 ↗
div覆盖物绘制图片
div覆盖物绘制图片覆盖物运行 ↗
div覆盖物绘制渐变多边形
div覆盖物绘制渐变多边形覆盖物运行 ↗
一个有高度的div覆盖物
一个有高度的div覆盖物覆盖物运行 ↗
div覆盖物绘制雷达效果
div覆盖物绘制雷达效果覆盖物运行 ↗
div覆盖物绘制SVG图形
div覆盖物绘制SVG图形覆盖物运行 ↗
地图加载组态SVG图形
地图加载组态SVG图形覆盖物运行 ↗
椭圆弧填充
椭圆弧填充覆盖物运行 ↗
椭圆弧路径
椭圆弧路径覆盖物运行 ↗
椭圆填充
椭圆填充覆盖物运行 ↗
椭圆路径
椭圆路径覆盖物运行 ↗
拉伸多段线
拉伸多段线覆盖物运行 ↗
拉伸像素多段线
拉伸像素多段线覆盖物运行 ↗
拉伸图层中的多段线
拉伸图层中的多段线覆盖物运行 ↗
拉伸多边形
拉伸多边形覆盖物运行 ↗
拉伸多边形指定级别显示
拉伸多边形指定级别显示

超过一定级别才显示拉伸效果

覆盖物运行 ↗
单个多边形
单个多边形覆盖物运行 ↗
两个多边形
两个多边形覆盖物运行 ↗
批量绘制多边形
批量绘制多边形覆盖物运行 ↗
多边形条件过滤
多边形条件过滤覆盖物运行 ↗
批量绘制不同类型的多边形
批量绘制不同类型的多边形覆盖物运行 ↗
缕空多边形
缕空多边形覆盖物运行 ↗
复杂缕空多边形
复杂缕空多边形覆盖物运行 ↗
多边形图案样式
多边形图案样式覆盖物运行 ↗
多边形高亮时显示线宽
多边形高亮时显示线宽覆盖物运行 ↗
单个多段线
单个多段线覆盖物运行 ↗
批量绘制不同类型的多段线
批量绘制不同类型的多段线覆盖物运行 ↗
路径动画
路径动画覆盖物运行 ↗
渐变线
渐变线覆盖物运行 ↗
多段线线型设置
多段线线型设置覆盖物运行 ↗
线型填充图案动画
线型填充图案动画

封装的功能更强的箭头动画请参考动画中的箭头动画

覆盖物运行 ↗
多段线转多边形
多段线转多边形覆盖物运行 ↗
SVG覆盖物
SVG覆盖物覆盖物运行 ↗
SVG事件
SVG事件覆盖物运行 ↗
SVG动画
SVG动画覆盖物运行 ↗
符号图标
符号图标覆盖物运行 ↗
颜色随状态值变化的符号图标
颜色随状态值变化的符号图标覆盖物运行 ↗
自定义图标图层
自定义图标图层覆盖物运行 ↗
创建自定义图标
创建自定义图标覆盖物运行 ↗
绘制批量图标文本[不重叠]
绘制批量图标文本[不重叠]覆盖物运行 ↗
绘制批量图标文本[允许重叠]
绘制批量图标文本[允许重叠]覆盖物运行 ↗
随级别缩放的符号图标
随级别缩放的符号图标覆盖物运行 ↗
可拉伸的文本背景图片
可拉伸的文本背景图片覆盖物运行 ↗
符号运动路径动画
符号运动路径动画覆盖物运行 ↗
复杂符号文本效果
复杂符号文本效果覆盖物运行 ↗
添加文本标记
添加文本标记

这是基本dom的文本标记,如果数量多的文本,请用symbol来保证性能

覆盖物运行 ↗
能缩放的DIV文本
能缩放的DIV文本

这是基本dom的文本标记,能缩放

覆盖物运行 ↗
能缩放的符号文本
能缩放的符号文本

这是基本symbol的文本,能缩放

覆盖物运行 ↗
能缩放的文字多边形
能缩放的文字多边形

此方案的原理是在后台创建文本实体,然后返回绘制文本的多边形数据给前端来进行绘制

覆盖物运行 ↗
vjmapext 文本标注(程序生成)
vjmapext 文本标注(程序生成)

在 CAD 底图上用 TextEnt / MTextEnt 批量生成标注,并可在浏览 / 编辑模式间切换

覆盖物运行 ↗
视频融合
视频融合

通过一个坐标范围把视频内容融合进地图中

覆盖物运行 ↗
视频图层
视频图层

在指定位置播放视频

覆盖物运行 ↗
信息窗口新增与删除
信息窗口新增与删除信息窗口运行 ↗
跟随鼠标的信息窗口
跟随鼠标的信息窗口信息窗口运行 ↗
点标记绑定信息窗口
点标记绑定信息窗口信息窗口运行 ↗
有高度的信息窗口
有高度的信息窗口信息窗口运行 ↗
Vue2创建信息窗口
Vue2创建信息窗口信息窗口运行 ↗
几何坐标投影
几何坐标投影投影运行 ↗
经纬度坐标投影
经纬度坐标投影投影运行 ↗
打开地图[矢量瓦片]
打开地图[矢量瓦片]

以矢量瓦片方式打开已上传的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地图服务运行 ↗
实体目标检测
实体目标检测

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

地图服务运行 ↗
四棱锥标注动画
四棱锥标注动画threejs图层运行 ↗
立体光墙
立体光墙threejs图层运行 ↗
波动光圈
波动光圈threejs图层运行 ↗
径向渐变球
径向渐变球threejs图层运行 ↗
雷达扫描动画
雷达扫描动画threejs图层运行 ↗
波动光墙
波动光墙threejs图层运行 ↗
飞行线
飞行线threejs图层运行 ↗
threejs模型动画
threejs模型动画threejs图层运行 ↗
threejs拉伸模型
threejs拉伸模型threejs图层运行 ↗
threejs模型路径动画
threejs模型路径动画threejs图层运行 ↗
threejs 3d线
threejs 3d线threejs图层运行 ↗
threejs加载GLB模型
threejs加载GLB模型threejs图层运行 ↗
threejs多个图层
threejs多个图层threejs图层运行 ↗
threejs多个球体
threejs多个球体threejs图层运行 ↗
threejs球体
threejs球体threejs图层运行 ↗
多边形拉伸纹理
多边形拉伸纹理threejs图层运行 ↗
threejs控制小车
threejs控制小车threejs图层运行 ↗
threejs tube形状
threejs tube形状threejs图层运行 ↗
OSM地图
OSM地图互联网地图运行 ↗
互联网地图与CAD图切换效果[不同Map对象]
互联网地图与CAD图切换效果[不同Map对象]互联网地图运行 ↗
互联网地图与CAD图切换效果[同一个Map对象]
互联网地图与CAD图切换效果[同一个Map对象]互联网地图运行 ↗
天地图地图
天地图地图互联网地图运行 ↗
高德地图(地图数据前端获取)
高德地图(地图数据前端获取)互联网地图运行 ↗
高德地图(地图数据后端转发获取)
高德地图(地图数据后端转发获取)互联网地图运行 ↗
互联网地图样式自定义
互联网地图样式自定义互联网地图运行 ↗
通过坐标获取EPSG代号
通过坐标获取EPSG代号互联网地图运行 ↗
天地图与CAD图叠加[天地图为底图]
天地图与CAD图叠加[天地图为底图]

天地图与CAD图叠加,以天地图为坐标系

互联网地图运行 ↗
高德地图与CAD图叠加[高德地图为底图]
高德地图与CAD图叠加[高德地图为底图]

高德地图与CAD图叠加,以高德地图为坐标系

互联网地图运行 ↗
CAD图与互联网图叠加
CAD图与互联网图叠加

CAD图与互联网图叠加显示,以CAD图为坐标系

互联网地图运行 ↗
通过对应点叠加互联网图形
通过对应点叠加互联网图形互联网地图运行 ↗
在互联网地图上叠加多张CAD图
在互联网地图上叠加多张CAD图

CAD图可自动叠加、指定公共点叠加

互联网地图运行 ↗
互联网地图旋转叠加至CAD图[CAD为底图]
互联网地图旋转叠加至CAD图[CAD为底图]互联网地图运行 ↗
CAD图旋转叠加至互联网地图[互联网地图为底图]
CAD图旋转叠加至互联网地图[互联网地图为底图]互联网地图运行 ↗
多个CAD图旋转叠加至互联网地图[互联网地图为底图]
多个CAD图旋转叠加至互联网地图[互联网地图为底图]互联网地图运行 ↗
CAD图WMTS叠加[天地图为底图]
CAD图WMTS叠加[天地图为底图]

天地图与CAD图叠加,以天地图为坐标系,CAD做为WMTS层叠加

互联网地图运行 ↗
叠加图形上点击选择CAD实体
叠加图形上点击选择CAD实体互联网地图运行 ↗
Cesium中加载CAD图(WMS图层自动叠加)
Cesium中加载CAD图(WMS图层自动叠加)互联网地图运行 ↗
Cesium中加载CAD图(WMS图层四参数叠加)
Cesium中加载CAD图(WMS图层四参数叠加)互联网地图运行 ↗
高德SDK中加载CAD图(WMS图层)
高德SDK中加载CAD图(WMS图层)互联网地图运行 ↗
百度地图SDK中加载CAD图
百度地图SDK中加载CAD图互联网地图运行 ↗
百度地图SDK公共点加载CAD图
百度地图SDK公共点加载CAD图互联网地图运行 ↗
参照影像图片校准地图
参照影像图片校准地图

以影像图片以背景,根据选定的对应点自动校准CAD地图并修改地图坐标

互联网地图运行 ↗

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