如何让开发者摆脱繁琐的开发,快速启动和运行3D可视化项目?ThingJS作为一个轻量级的PaaS平台,支持Ajax、JSONP、WebSocke等多种数据对接方式。产品组合包含场景搭建工具、ThingJS开发平台、各类上传插件及在线/离线部署方式,贯穿3D可视化开发的全过程,助您快速打造商业可视化项目!ThingJS启动后创建核心对象APP。ThingJS核心对象APP创建方法如下:1varapp=newTHING.App();加载公园场景这是核心对象的创建方法。具体来说,有一种加载公园的方法。将公园加载到ThingJS中:varapp=newTHING.App({url:"models/storehouse"});其中URL是我们场景的地址,可选,地址可以写成绝对路径,也可以写成相对路径。可能有人会疑惑这个地址是怎么来的?只需使用快捷键Ctrl+J或者直接点击park按钮,双击即可自动生成核心对象APP及相关网址,如下图所示:当然,您也可以通过app创建park对象。不输入路径就创建,从而加载校园,代码示例如下:varapp=newTHING.App();varobj=app.create({type:"Campus",url:"models/storehouse/",complete:function(){console.log("Campuscreated:"+this.id);}});载入地球场景除了校园的载入,地球的载入是不同的代码,但是使用是完全一样的,使用Ctrl+K或者直接点击地图按钮,双击地图引用相应的场景,如下图所示:地图和公园的参考有些差异,地球需要使用这个插件。https://www.thingjs.com/ueart...具体参考方法如下://加载地图varapp=newTHING.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',//地图场景名称:testurl:'https://www.thingjs.com/citybuilder\_console/mapProject/config/TkRBd01ERT1DaXR5QnVpbGRlckAyMDE5',完成:function(event){console.log(event.object.userLayers.length);}});});其中url是我们通过CityBuilder构建的3D城市地图场景,那么是否可以同时显示公园场景和3D城市地图场景呢??这需要方法控制。如果两者直接结合,则需要使用ThingJS场景切换功能。代码示例很常见。这是一个对项目成果有贡献的完整官方例程,具有很高的参考价值。如果你想快速上手ThingJS3D可视化,欢迎加入Thi??ngJSVIP会员,和我们一起学习提高~
