根据浏览器地址路径创建园区场景或者模型
本帖最后由 yamazaki1201 于 2024-7-16 18:03 编辑根据传入的模型 或者 园区场景的url加载不同的内容,实现不同的业务。
园区场景效果(场景的url为 /api/scene/a9595bbe712cd5c778fb7ddb ):
https://www.thingjs.com/s/db5ae1daa2c37e98a6208b38?url=/api/scene/a9595bbe712cd5c778fb7ddb
只加载模型效果(模型url为 /api/models/adec967360fc476ca5b03aa3afd308f9/0/gltf/ ):
https://www.thingjs.com/s/db5ae1daa2c37e98a6208b38?url=/api/models/adec967360fc476ca5b03aa3afd308f9/0/gltf/
代码:
// 获取当前页面的查询参数
var searchParams = window.location.search;
var url = searchParams.split('?url=')
console.log(url)
// /api/scene/a9595bbe712cd5c778fb7ddb
// /api/models/adec967360fc476ca5b03aa3afd308f9/0/gltf/
if (searchParams.indexOf('models') > -1) {
// 加载场景代码
var app = new THING.App();
// 创建Thing
var obj = app.create({
type: 'Thing',
name: '258',
url: url,
position: ,
angle: 0,
complete: function () {
console.log('thing created: ' + this.id);
// 摄像机飞行到某位置
app.camera.flyTo({
'position': [-0.26723450008115635, 4.090815701349024, 6.464773358066669],
'target': [-0.10050275398393509, 0.6871891144856518, 0.271443900645583],
'time': 1000,
'complete': function () {
}
});
}
});
} else {
// 加载场景代码
var app = new THING.App({
url: url
});
}
页:
[1]