在过去的几个月里Yi经帮助无数企业实现了浏览与轻度编辑。但hen多团队仍然希望把完整的 CAD 绘制Neng力嵌入自己的业务系统——比如园区设施管理系统、智慧工厂监控平台等。于是「vjmapext」应运而生，它不是一个独立的产品，而是一个Ke以像插件一样挂到Yi有 vjmap 项目里的功Neng模块。

目标明确：让前端开发者只需几行代码，就Neng在地图上完成矩形、圆弧、文字、块等 CAD 基础绘图。

轻量可控：所有命令均基于原生 WebGL 渲染，既保持高帧率，又不牺牲精度。

双模式切换：只读浏览 vs 编辑模式，满足“kan”和“改”两种需求。

Ru果你对「到底该选 WebCAD 还是 vjmapext」仍有纠结，请先想象一下：你希望用户在页面里直接标注设备位置并实时保存吗？那就选 vjmapext；Ru果只是让他们打开图纸浏览，那么 WebCAD Yi足够。

从架构上kan，「vjmapext`」的入口是 MapCadLayer，它提供了统一的 UI 控件和一套完整的 API。下面先给大家展示Zui小化工程骨架，让你马上感受到“装好即用”的快感。

npm install vjmapext

安装完毕后在项目入口处写下如下代码：

import { MapCadLayer } from "vjmapext";
const cadLayer = new MapCadLayer({
    locale: "zh",                // 中文 UI
    mode: "edit",                // edit / read 两种模式随时切换
    defaultColor: 0x7fd3ff      // 默认配色，可自行调节
});
map.addControl;       // 把插件挂到Yi有的 vjmap 实例上
cadLayer.createUI;

温馨提示：

文档入口：

先配置好底图路径和鉴权信息：否则插件会因跨域或权限错误卡死。

NPM 包体积约 1.2 MB：Lighthouse 检测下仍Neng保持首屏渲染低于 2 s。

下面列出一些日常业务中Zui常用的指令，并配以简短说明和适用场景。为了避免长段文字堆砌，我把每个命令单独放进了

标签，让阅读geng像逛画廊。

RECTPOLY: 用来画矩形或多边形，适合快速框选地块或绘制区域草稿。

CIRCLE / ARC / ELLIPSE: 圆形、圆弧和椭圆，各种构造方式douYi封装好。

LINE / PLINE / DLINE: 单线段、多段线以及双平行线，常用于轴线、管道走向或道路边界。

FREEHAND: 手绘自由曲线，现场标记时极为便利。

MOVE: 整体平移对象，可一次性把选中的若干要素搬迁至新坐标。

STRETCH / SCALE / MIRROR / ROTATE : 拉伸、比例缩放、镜像与旋转，满足大多数几何微调需求。

TRIM / EXTEND / OFFSET : 按边界裁剪或延伸，也Ke以生成内外平行偏移线，用于围栏或安全距离标示。

FILLET / BREAK : 圆角连接与断开对象，两者组合Ke以快速生成符合规范的转角节点。

BLOCK / INSERT : 把一组对象定义为块，然后随时插入，实现设备符号库或标准化设施模板的复用。

ARRAY : 阵列复制，一键生成规则排列，如灯杆排布或管道分段布局。