如何添加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會員，和咱們一塊兒學習提高~