BOS3D UI is a custom tool UI for BOS3DUI.

📦 Including BOS3D UI

Below are some of the most common ways to include BOS3D.

Brower

Script tag

<script src="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.js"></script>

Babel

Babel is a next generation JavaScript compiler. One of the features is the ability to use ES6/ES2015 modules now, even though browsers do not yet support this feature natively.

import "bos3dui";

And import style manually:

import "bos3dui/dist/BOS3DUI.min.css"

🔨 Usage

// init config
const option = {
    host: "http://bos3d.bimwinner.com",
    viewport: "viewport",
};

const viewer3D = new BOS3D.Viewer(option);

// render model
viewer3D.addView("M1598257565598", "he3285593fdc4ea3b91784c5741ff8aa");

// init BOS3D UI
new window.BOS3DUI({
      viewer3D,
      BOS3D
});