创建多个白板并切换

<!-- 需要挂载的父容器 -->
<div id="parentDomID"></div>

// 请先完成 SDK 的集成再运行下面的代码
// 初始化 ZegoExpressEngine
const zg = new ZegoExpressEngine(appID, server);
// 获取 ZegoSuperBoard 实例
zegoSuperBoard = ZegoSuperBoardManager.getInstance();
// 初始化 ZegoSuperBoard，成功则 result 返回 true
const result = await zegoSuperBoard.init(zg, {
    parentDomID: 'parentDomID', // 需要挂载的父容器 ID
    appID: 0, // 申请到的 AppID
    userID: '', // 用户自定义生成的用户 ID
    token: '' // 登录房间需要用于验证身份的 Token
});


// 登录房间，成功则返回 true
// userUpdate 设置为 true 会开启监听 roomUserUpdate 回调，默认情况下不会开启该监听
const result = await zg.loginRoom(roomID, token, {userID, userName}, {userUpdate: true});

// A 端操作
// 上一步的登录房间成功，返回 true 后才可创建白板
// 创建普通白板
const model1 = await zegoSuperBoard.createWhiteboardView({
    name: 'purewhiteboard', // 白板名称
    perPageWidth: 1600, // 白板每页宽度
    perPageHeight: 900, // 白板每页高度
    pageCount: 5 // 白板页数
});
// 创建动态 PPT 文件白板
const model2 = await zegoSuperBoard.createFileView({
    fileID // 动态 PPT 文件的 fileID，在上传文件成功后返回的唯一文件标识
});
// 创建 Excel 文件白板
const model3 = await zegoSuperBoard.createFileView({
    fileID // Excel 文件的 fileID，在上传文件成功后返回的唯一文件标识
});

// B 端监听回调，在回调内刷新本地UI逻辑。
// 监听远端新增白板
zegoSuperBoard.on('remoteSuperBoardSubViewAdded', function(uniqueID) {
  // 可以根据当前 ZegoSuperBoardManager.getInstance().getSuperBoardView().getCurrentSuperBoardSubView().getModel() 的信息更新UI，如更新当前显示白板/文件名称。
});
// 监听白板翻页、滚动
zegoSuperBoard.on('superBoardSubViewScrollChanged', function(uniqueID, page, step) {
    // 可以根据回调返回的参数信息更新UI，如更新当前显示页数/当前动画步数。
});

// A 端操作
// 切换 Excel 到第二个 sheet
await zegoSuperBoard.getSuperBoardView().switchSuperBoardSubView(model3.uniqueID, 1 );

// B 端监听回调，在回调内刷新本地UI逻辑。
// 监听远端切换 Excel Sheet
zegoSuperBoard.on('remoteSuperBoardSubViewExcelSwitched', function(uniqueID, sheetIndex) {
    // 可以根据回调返回的参数信息更新UI，如更新当前Excel页数。
});

// A 端操作
await zegoSuperBoard.getSuperBoardView().switchSuperBoardSubView(model2.uniqueID );

// B 端监听回调，在回调内刷新本地UI逻辑。
// 监听远端切换白板
zegoSuperBoard.on('remoteSuperBoardSubViewSwitched', function(uniqueID) {
    // 可以根据当前 ZegoSuperBoardManager.getInstance().getSuperBoardView().getCurrentSuperBoardSubView().getModel() 的信息更新UI，如更新当前显示白板/文件名称。
});

// 如需本端和对端缩放同步
zegoSuperBoard.enableSyncScale(true);// 同步缩放至其他端
zegoSuperBoard.enableResponseScale(true);// 响应其他端同步过来的缩放

// A 端操作
// 切换至目标白板
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView()
await zegoSuperBoardSubView.switchSuperBoardSubView(model.uniqueID);

// 默认白板工具为画笔，如需设置其他工具类型，请调用 setToolType
// 举例：设置白板工具为文本，然后点击白板上想要显示文本的位置后输入文本即可
zegoSuperBoard.setToolType(2)

// 获取当前显示的白板
var curSubView = zegoSuperBoardSubView.getCurrentSuperBoardSubView();
// 放大至 200%
curSubView && curSubView.setScaleFactor(2);

// B 端监听回调，在回调内刷新本地UI逻辑。
// 监听远端白板缩放
zegoSuperBoard.on('superBoardSubViewScaleChanged', function(uniqueID, scale) {
    // 可以根据回调返回的参数信息更新UI，如更新当前缩放系数。
});