开放平台

基础看图

# 该示例主要演示如何显示图纸。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <base href="/pages/" />
    <title>Html Demo</title>
  </head>

  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
  </style>

  <script
    type="text/javascript"
    src="../assets/ZwCloud2DSDK/ZwCloud2D.js"
  ></script>

  <body id="wholeFrame">
    <div id="container" style="width: 100vw; height: 100vh"></div>

    <script type="module">
      // 初始化配置
      const initializeViewer = async () => {
        try {
          // 设置云服务连接配置
          window.ZwCloud2D.ZwDataProcessor.ZwSetConnectUrl(
            process.env.HTML_APP_ZW_URL
          );
          // 设置认证令牌
          window.ZwCloud2D.ZwDataProcessor.ZwSetToken(
            process.env.HTML_APP_ZW_TOKEN
          );
          // 初始化编辑器
          await window.ZwCloud2D.ZwEditor.ZwInit(
            document.getElementById("container")
          );
        } catch (error) {
          console.error("初始化失败:", error);
          // 可以添加错误处理逻辑
        }
      };

      initializeViewer().then(() => {
        // 从路由参数获取文档ID
        const params = new URLSearchParams(location.search);
        const docId = params.get("docId");

        if (docId) {
          // 配置要加载的文档
          window.ZwCloud2D.ZwDataProcessor.ZwSetLoadDwg(docId);
          // 加载文档
          window.ZwCloud2D.ZwDataProcessor.ZwLoad();
        }
      });
    </script>
  </body>
</html>

基础编辑