2023-07-12 09:56:31 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
2024-07-13 19:10:51 +08:00
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<title>My first BIMFACE app</title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
::v-deep #cloud-main-canvas {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<div id="domId" style="width: 100%; height: 98vh"></div>
|
|
|
|
|
|
<script src="https://static.bimface.com/api/BimfaceSDKLoader/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// var token = JSON.parse(localStorage.getItem('bimToken'));
|
2023-08-01 18:12:39 +08:00
|
|
|
|
// console.log('取到的token',token);
|
2023-07-12 09:56:31 +08:00
|
|
|
|
|
2024-04-09 19:37:40 +08:00
|
|
|
|
|
2024-07-13 19:10:51 +08:00
|
|
|
|
|
|
|
|
|
|
window.addEventListener("message", async function(e) {
|
|
|
|
|
|
// const modelId = e.data.modelId
|
|
|
|
|
|
// const data = e.data || {};
|
|
|
|
|
|
// if (data.token) {
|
|
|
|
|
|
// // removeModel(modelId)
|
|
|
|
|
|
// document.getElementById("domId").innerHTML = "";
|
|
|
|
|
|
// await bimCallback(data.token);
|
|
|
|
|
|
// if (data.hideArr && data.colorArr) {
|
|
|
|
|
|
// configValue.hideArr = data.hideArr;
|
|
|
|
|
|
// configValue.colorArr = data.colorArr;
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
console.log(e.data, '父级页面传来的数据')
|
|
|
|
|
|
let viewer3D;
|
|
|
|
|
|
let app;
|
|
|
|
|
|
// let viewToken = "06c56a5e060d42659f29c078af03536e";
|
|
|
|
|
|
let viewToken = e.data.token;
|
|
|
|
|
|
console.log('viewToken', viewToken);
|
|
|
|
|
|
let loaderConfig = new BimfaceSDKLoaderConfig();
|
|
|
|
|
|
loaderConfig.viewToken = viewToken;
|
|
|
|
|
|
BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback);
|
|
|
|
|
|
|
|
|
|
|
|
function successCallback(viewMetaData) {
|
|
|
|
|
|
let domShow = document.getElementById("domId");
|
|
|
|
|
|
let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();
|
|
|
|
|
|
webAppConfig.domElement = domShow;
|
|
|
|
|
|
app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);
|
|
|
|
|
|
app.addView(viewToken);
|
|
|
|
|
|
viewer3D = app.getViewer();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function failureCallback(error) {
|
|
|
|
|
|
console.log(error);
|
|
|
|
|
|
}
|
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
|
// window.parent.postMessage({ msg: 'hello' })
|
|
|
|
|
|
// }, 2000)
|
|
|
|
|
|
});
|
|
|
|
|
|
// const bimCallback = (viewToken) => {
|
|
|
|
|
|
// // let viewToken = '11b0d307c09f43bfa5fa3922bcce0342'
|
|
|
|
|
|
// let loaderConfig = new BimfaceSDKLoaderConfig();
|
|
|
|
|
|
// loaderConfig.viewToken = viewToken;
|
|
|
|
|
|
// BimfaceSDKLoader.load(loaderConfig, successCallback, failureCallback);
|
|
|
|
|
|
// function successCallback(viewMetaData) {
|
|
|
|
|
|
// let domShow = document.getElementById("domId");
|
|
|
|
|
|
// let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();
|
|
|
|
|
|
// webAppConfig.domElement = domShow;
|
|
|
|
|
|
// app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);
|
|
|
|
|
|
// app.addView(viewToken);
|
|
|
|
|
|
// viewer3D = app.getViewer();
|
|
|
|
|
|
// // 监听添加view完成的事件
|
|
|
|
|
|
// viewer3D.addEventListener(
|
|
|
|
|
|
// Glodon.Bimface.Viewer.Viewer3DEvent.ViewAdded,
|
|
|
|
|
|
// function() {
|
|
|
|
|
|
// // 调用viewer3D对象的Method，可以继续扩展功能
|
|
|
|
|
|
// // 从viewer3D对象中获取模型对象model3D
|
|
|
|
|
|
// model3D = viewer3D.getModel();
|
|
|
|
|
|
// // 获取模型状态
|
|
|
|
|
|
// modelState = viewer3D.getCurrentState();
|
|
|
|
|
|
// // 渲染3D模型
|
|
|
|
|
|
// viewer3D.render();
|
|
|
|
|
|
// // 操作模型
|
|
|
|
|
|
// renderConfigModel();
|
|
|
|
|
|
// }
|
|
|
|
|
|
// );
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// function failureCallback(error) {
|
|
|
|
|
|
// console.log(error);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// };
|
|
|
|
|
|
// function renderConfigModel() {
|
|
|
|
|
|
// // 恢复模型状态
|
|
|
|
|
|
// viewer3D.setState(modelState);
|
|
|
|
|
|
// viewer3D.render();
|
|
|
|
|
|
// }
|
|
|
|
|
|
// console.log(666)
|
|
|
|
|
|
// bimCallback("06c56a5e060d42659f29c078af03536e");
|
|
|
|
|
|
// 监听父组件的信息传递
|
|
|
|
|
|
// window.addEventListener("message", async function(e) {
|
|
|
|
|
|
// // const modelId = e.data.modelId
|
|
|
|
|
|
// const data = e.data || {};
|
|
|
|
|
|
// console.log(data,'发送的值')
|
|
|
|
|
|
// if (data.token) {
|
|
|
|
|
|
// // removeModel(modelId)
|
|
|
|
|
|
// document.getElementById("domId").innerHTML = "";
|
|
|
|
|
|
// await bimCallback("06c56a5e060d42659f29c078af03536e");
|
|
|
|
|
|
// }
|
|
|
|
|
|
// });
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
