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

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

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

唯杰地图 2D

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

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
加载唯杰地图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开发地图运行 ↗

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