基础调用说明

第一步引入前端SDK资源文件

将 ZwCloud2DSDK 文件夹放置在工程目录 assets 下

第二步 引入 ZwCloud2D.js、ZwCloud2DPrivateAPI.js 文件

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

第三步 在 Html 界面上创建 ZwCloud2DSDK 所需的容器

// 定义一个容器，id为container
<div id="container"></div>
<style>
  #container {
    width: 100vw;
    height: 100vh;
  }
</style>

第四步 使用 ZwCloud2DSDK 加载图纸

<script>
  (async () => {
    //初始化前端组件
    await ZwCloud2D.ZwEditor.ZwInit(container);

    //设置后端服务地址
    ZwCloud2D.ZwDataProcessor.ZwSetConnectUrl("http://192.168.56.176:8888");

    //使用Cloud2D公网服务时,需要设置请求token
    //ZwCloud2D.ZwDataProcessor.ZwSetConnectUrl('https://test2d.zwsoft.cn');
    //ZwCloud2D.ZwDataProcessor.ZwSetToken('');

    ZwCloud2D.ZwDataProcessor.ZwSetLoadDwg("1778259686688219137");

    //加载图纸
    ZwCloud2D.ZwDataProcessor.ZwLoad();
  })();
</script>

说明： 加载图纸只需要设置容器、地址、图纸 docId 等参数，使用 ZwCloud2D.ZwDataProcessor.ZwLoad()进行显示。