ThingStudio森工厂开发者社区

发帖
分享
查看: 1642|回复: 0

[分享] 低代码中设置视角

[复制链接]

低代码中设置视角

发表于 2023-12-8 10:13:32 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon1642 zzr_icon0 查看全部
本帖最后由 yamazaki1201 于 2024-9-18 16:07 编辑

视角是由两个属性组成：app.camera.position 和 app.camera.targe
具体了解可以看视角原理：https://support.thingjs.com/book/thingjs-lowcode10/63842fce0120f2ef1ca17652

方法1：
1.先将视角调整到自己想要的位置
低代码中设置视角

2. 选中“快捷”，鼠标左键双击“飞到位置”，会生成快捷代码，并且这段代码表示飞行到当前视角。
注意：如果是在地图场景上，需要加个isEarth属性，值为true。具体可以看flyTo api用法。
低代码中设置视角


方法2：
打开浏览器开发者工具--控制台，输入app.camera.position 和 app.camera.target
低代码中设置视角
将position 和 target 的值分别放到flyTo的position 和 target属性上
  1. app.camera.flyTo({
  2.         'position': [-0.35071418595259374,46.42937904914162,69.12046962894684],
  3.         'target': [1.646,7.891,4.445],
  4.         'time': 2000
  5. })
复制代码

具体可参考flyTo api用法
https://support.thingjs.com/book/thingjs-api10/62a8170c6634aa32be547d1e#flyTo(param)
低代码中设置视角






物联网, ThingJS, 数字孪生城市, 可视化, 三维

相关帖子
回复

举报

avatar
游客~
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

avatar
18979425409

高级会员

  • 主题

    81

  • 帖子

    87

  • 粉丝

    0

关注 发私信
Ta的新帖
130700ppkpl8x3t7tt1b1t

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4