SOURCE

const html = document.querySelector("html");
document.querySelector(".viewport").style.width = html.clientWidth + 'px';
document.querySelector(".viewport").style.height = html.clientHeight - 1 + 'px';
const option = { host: "https://bos3d.bimwinner.com", viewport: "viewport" };
const viewer3D = new BOS3D.Viewer(option);
const bos3dui = new window.BOS3DUI({
    viewer3D: viewer3D,
    BOS3D: BOS3D,
    BIMWINNER: window
});
renderBindTagBtn = (bos3dui) => {
    bos3dui.plugin.addContextMenu(
        {
            name: "绑定物项",
            onClick: this.toBindltem
        }
    );
    bos3dui.plugin.addContextMenu(
        {
            name: "显示同类构件",
            onClick: this.showSameTypeComponent
        }
    )
    console.log("加载完成")
}
viewer3D.addView("M1598257565598", "he3285593fdc4ea3b91784c5741ff8aa");
renderBindTagBtn(bos3dui);

function toBindltem() {
    console.log("绑定物项")
}

function showSameTypeComponent() {
    console.log("显示同类构件");
}

<link rel="stylesheet" href="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.css" />
<script src="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.js">
</script>
<script src="http://bos3d.bimwinner.com/static/latest/BOS3D.min.js">
</script>
<div id="viewport" class="viewport"></div>

body {
    margin: 0;
    overflow: hidden;
    position: fixed;
}