基础示例
小于 1 分钟
基础示例
WebCAD 基础入门示例，帮助你快速了解 WebCAD 的核心功能。
在线示例
| 示例 | 描述 | 链接 |
|---|---|---|
| 初始化引擎 | MainView 初始化与配置选项 | 在线演示{target="_blank"} |
| 等待加载完成 | onLoad 异步等待示例 | 在线演示{target="_blank"} |
| Viewer 查看模式 | 只显示绘图区域，隐藏菜单工具栏命令行 | 在线演示{target="_blank"} |
| Viewer 查看远程图纸 | 只读模式打开后端图纸 | 在线演示{target="_blank"} |
| 地图叠加模式 | 将 WebCAD 叠加到 vjmap 地图上 | 在线演示{target="_blank"} |
核心概念
初始化引擎
WebCAD 的入口是 MainView 类，需要提供服务地址和访问令牌：
const { MainView, initCadContainer } = vjcad;
const cadView = new MainView({
appname: "唯杰CAD",
version: "v1.0.0",
serviceUrl: env.serviceUrl,
accessToken: env.accessToken,
sidebarStyle: "none", // "none" | "left" | "right" | "both"
});
initCadContainer("map", cadView);
await cadView.onLoad();Viewer 模式
如果只需要查看图纸而不需要编辑功能，可以使用 Viewer 模式：
const cadView = new MainView({
// ... 其他配置
viewerMode: true, // 启用查看模式
});