分享
查看: 32|回复: 0

[分享] 根据路径创建园区场景或者模型

[复制链接]

根据路径创建园区场景或者模型

发表于 2024-7-3 09:55:36 来自 分享 阅读模式 倒序浏览
本帖最后由 yamazaki1201 于 2024-7-3 09:56 编辑


根据传入的模型 或者 园区场景的url加载不同的内容,实现不同的业务。
园区场景效果:  
https://www.thingjs.com/s/db5ae1daa2c37e98a6208b38?url=/api/scene/a9595bbe712cd5c778fb7ddb
只加载模型效果:
https://www.thingjs.com/s/db5ae1daa2c37e98a6208b38?url=/api/models/adec967360fc476ca5b03aa3afd308f9/0/gltf/
代码:
  1. // 获取当前页面的查询参数
  2. var searchParams = window.location.search;
  3. var url = searchParams.split('?url=')[1]
  4. console.log(url)
  5. // /api/scene/a9595bbe712cd5c778fb7ddb
  6. // /api/models/adec967360fc476ca5b03aa3afd308f9/0/gltf/
  7. if (searchParams.indexOf('models') > -1) {
  8.     // 加载场景代码
  9.     var app = new THING.App();

  10.     // 创建Thing
  11.     var obj = app.create({
  12.         type: 'Thing',
  13.         name: '258',
  14.         url: url,
  15.         position: [0, 0, 0],
  16.         angle: 0,
  17.         complete: function () {
  18.             console.log('thing created: ' + this.id);

  19.             // 摄像机飞行到某位置
  20.             app.camera.flyTo({
  21.                 'position': [-0.26723450008115635, 4.090815701349024, 6.464773358066669],
  22.                 'target': [-0.10050275398393509, 0.6871891144856518, 0.271443900645583],
  23.                 'time': 1000,
  24.                 'complete': function () {
  25.                 }
  26.             });


  27.         }
  28.     });
  29. } else {
  30.     // 加载场景代码
  31.     var app = new THING.App({
  32.         url: url
  33.     });
  34. }

复制代码




avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t