如何添加3D场景快速入门ThingJS-3D可视化

如何让开发人员解脱繁冗开发,进入疾速启动和运行3D可视化我的项目?

ThingJS作为一款轻量化的PAAS平台,反对Ajax、JSONP、WebSocke等数据对接形式,产品组合包含场景搭建工具之模模搭、ThingJS开发平台、各类上传插件和在线/离线部署形式,贯通3D可视化开发全流程,疾速帮您创立商业可视化我的项目!

ThingJS启动后创立外围对象APP

ThingJS的外围对象APP创立办法如下:

1   var app = new THING.App();

加载园区场景

这个是外围对象的创立办法,具体还有加载园区的形式,通过URL的形式将园区加载至ThingJS中:

var app = new THING.App({

 url: "models/storehouse"

});

其中的URL则是咱们的场景地址,此处为选填,该地址可写绝对路径也可写相对路径。有人可能会纳闷这个地址怎么来的?只须要通过Ctrl + J 这个快捷键或者间接点击园区按钮,双击即可主动生成外围对象APP以及相干URL,图示如下:

当然也能够不输出门路,在你须要的时候通过 app.create创立园区物体,从而加载园区,代码示例如下:



var app = new THING.App();

var obj = app.create({

 type: "Campus",

 url: "models/storehouse/",

 complete: function() {

 console.log("Campus created: " + this.id);

 }

});

加载地球场景

除了园区的加载,地球的加载又是不同的代码,然而应用起来是截然不同的, 应用Ctrl + K 或者是间接点击地图按钮,双击地图即可援用对应场景,图示如下:

地图与园区在援用上还有些不同,地球须要应用到此插件。

https://www.thingjs.com/ueart…

具体援用办法如下:

// 加载地图

var app = new THING.App();

// 设置app背景为彩色

app.background = \[0, 0, 0\];

// 援用地图组件脚本

THING.Utils.dynamicLoad(\['https://www.thingjs.com/uearth/history/uearth.min.v1.7.7.2.js'\], function () {

 app.create({

 type: 'Map',

 // 地图场景名:test

 url: 'https://www.thingjs.com/citybuilder\_console/mapProject/config/TkRBd01ERT1DaXR5QnVpbGRlckAyMDE5',

 complete: function (event) {

 console.log(event.object.userLayers.length);

 }

 });

});

其中URL则是咱们通过CityBuilder搭建的3D城市地图场景了,那么是否可能既显示园区场景又显示三维城市地图场景呢?这个是须要办法管制的,如果间接两个合在一起,须要用到ThingJS场景切换性能。

代码示例是很常见的,这是一个残缺的助力于我的项目成绩的官网例程,参考价值高。如果想疾速入门ThingJS 3D可视化,欢送退出ThingJS VIP会员,和咱们一起学习晋升~

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理