快速上手
利用用户开发密钥,在本地进行首次界面创建并进行简单三维操作。
获取开发密钥
获取私有开发密钥,是每位用户在首次开发前进行的第一步。前往个人中心,进入个人资料页,在页面最下端获取开发密钥。需要注意,开发密钥无需每次重置,每位用户都有独立唯一的开发密钥。同时为保证账户安全,也勿将开发密钥与他人随意共享。
获取文件key
对于已经上传完成的文件,即刻会生成一个唯一的文件Key,在我的文件页/我的模型页中即可找到:
创建本地界面
在获取个人的开发密钥后,就可以进行三维界面本地创建了。下面给出一个完整可直接执行的例子:
<!DOCTYPE html>
<html>
<head>
<title>小红砖开放平台快速上手教程示例</title>
<meta https-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="https://www.bos.xyz/vizbim/BIMWINNER.viewer.min.css" />
</head>
<body>
<div id="viewport" style="width: 800px; height: 600px;"></div>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/jquery.min.js"></script>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/bootstrap-treeview.min.js"></script>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/spectrum.js"></script>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/jquery-ui.js"></script>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/three.min.js"></script>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/jszip.min.js"></script>
<script type="text/javascript" src="https://www.bos.xyz/vizbim/BIMWINNER.viewer.min.js" charset="utf-8"></script>
<script type="text/javascript">
//配置文件KEY
var filekey = "demo_pipeline1";
var op = {
//画布容器
viewport:"viewport",
//配置开发密钥
devcode:"e10e59bf0ee97213ca7104977877bd1a",
};
//1.创建三维浏览器对象
var vizbim = new BIMWINNER.Viewer(op);
//2.添加工具条
var tool = new BIMWINNER.Tool(vizbim);
tool.createTool();
//3.加载模型
vizbim.showModelByDocumentId(filekey,function(){});
//4.设置全屏显示
vizbim.autoResize=true;
vizbim.resize();
</script>
</body>
</html>
用户可直接将上述代码复制至编辑器,保存为html格式后,双击即可运行。上述代码中,文件key和开发密钥均为样例信息,用户若想展示自有模型,需更换个人开发密钥和私有文件key。
三维操作
在创建好的三维界面上,已经为用户提供了众多可视化操作按钮,例如高亮,聚焦,复位,漫游,框选,构件透明化,构件隐藏,构件隔离,构件剖切,模型分解,构件线框化,修改构件颜色,修改背景颜色等可视化功能。
除了创建本地界面来进行三维操作,也可以直接点击小红砖平台首页中的“一键体验”按钮打开三维可视化界面来进行三维体验与操作。
数据展示
除了可以进行完整的三维操作以外,还提供了直接查看基本信息,属性信息,系统信息,空间树等模型数据的功能。
具体了解模型基本信息的定义及使用,模型几何信息的定义及使用,模型属性信息的定义及使用,模型空间树的定义及使用,模型系统信息的定义及使用,请继续跟帖。
[点击查看更多]