index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>vjcad cdn demo</title>
  <style>
    html, body, #cad-app { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
  </style>
</head>
<body>
  <div id="cad-app"></div>
  <script src="https://unpkg.com/vjcad@1.0.16/dist/vjcad-lib.umd.js"></script>
  <script>
    (async () => {
      const { MainView, initCadContainer, Engine } = vjcad;

      // ===== 换成你的服务配置 =====
      const serviceUrl = "https://vjmap.com/server/api/v1"; // 私有化 http://<ip>:27660/api/v1
      const accessToken = ""; // 不要把真实 token 提交进仓库

      const cadView = new MainView({
        appname: "vjcad-cdn",
        version: "v1.0.0",
        serviceUrl,
        accessToken,
        sidebarStyle: "both",              // both | left | right | none
        // viewMode: "viewer",
      });
      initCadContainer("cad-app", cadView);
      await cadView.onLoad();

      // onLoad 之后才可以用 Engine（单例绑最近活跃视图；多实例用 Engine.bindViewCache(cadView) 或 cadView.editor）
      // Engine.editor.executerWithOp("LINE");
      console.log("vjcad ready");
    })();
  </script>
</body>
</html>