摘要：隨著信息化技術(shù)發(fā)展，全國(guó)各地開(kāi)始智慧糧倉(cāng)的建設(shè)，我們可以通過(guò)一個(gè)視頻看一下使用可視化平臺(tái)做的可視應(yīng)用，可視一體化，讓糧倉(cāng)智慧升級(jí)。構(gòu)建糧倉(cāng)內(nèi)糧情的監(jiān)控預(yù)警診斷分析一體化的可視化平臺(tái)。

首先我們先了解一下基于WebGL架構(gòu)的3D可視化平臺(tái)——ThingJS是什么？

ThingJS是優(yōu)锘科技開(kāi)發(fā)的一套面向物聯(lián)網(wǎng)應(yīng)用的在線3D可視化應(yīng)用開(kāi)發(fā)及運(yùn)營(yíng)PaaS平臺(tái)，以“ ThingJS云視PaaS服務(wù)”形式面向廣大物聯(lián)網(wǎng)企業(yè)提供全生命周期在線3D可視化服務(wù)。

ThingJS平臺(tái)包括可視能力層和功能應(yīng)用層。

可視能力層由ThingJS云視PaaS服務(wù)、ThingJS開(kāi)發(fā)平臺(tái)和ThingJS配套組件組成。ThingJS云視PaaS服務(wù)提供便捷的應(yīng)用部署，Thing JS開(kāi)發(fā)平臺(tái)和配套組件讓3D開(kāi)發(fā)變得簡(jiǎn)單高效，讓3D可視化交互能力在多種物聯(lián)網(wǎng)場(chǎng)景中得以應(yīng)用。

可以從下圖中了解ThingJS和傳統(tǒng)3D開(kāi)發(fā)的區(qū)別

下面我們來(lái)聊一聊什么是智慧糧倉(cāng)

正所謂“國(guó)以民為本，民以食為天”。糧食既是關(guān)系國(guó)計(jì)民生和國(guó)家經(jīng)濟(jì)安全的重要戰(zhàn)略物資，也是人民群眾最基本的生活資料。其中糧倉(cāng)是糧食建設(shè)的根基，對(duì)保障糧食安全尤為重要。隨著信息化技術(shù)發(fā)展，全國(guó)各地開(kāi)始智慧糧倉(cāng)的建設(shè)，我們可以通過(guò)一個(gè)視頻看一下使用ThingJS3D可視化平臺(tái)做的3D可視應(yīng)用，ThingJS—可視一體化，讓糧倉(cāng)“智慧”升級(jí)。

視頻查看：https://v.qq.com/x/page/m0767...

慧農(nóng)業(yè)3D可視化視頻介紹：

"數(shù)字糧倉(cāng)3D可視化系統(tǒng)“是ThingJS智慧糧倉(cāng)行業(yè)應(yīng)用系列產(chǎn)品之一，實(shí)現(xiàn)了糧庫(kù)的庫(kù)區(qū)、倉(cāng)庫(kù)、設(shè)備、的逐級(jí)可視。以糧倉(cāng)監(jiān)控為重點(diǎn)，集成儲(chǔ)備糧管理、糧食通風(fēng)、糧情監(jiān)測(cè)控制、熏蒸監(jiān)測(cè)等系統(tǒng)，實(shí)現(xiàn)糧倉(cāng)、糧情、動(dòng)環(huán)、倉(cāng)容、能耗、告警、出入庫(kù)等信息:

可視：糧倉(cāng)的園區(qū)、倉(cāng)區(qū)、倉(cāng)庫(kù)、設(shè)備的3D可視；

可查：3D場(chǎng)景內(nèi)查看糧情、動(dòng)環(huán)、倉(cāng)容、能耗、視頻監(jiān)控、出入庫(kù)等信息；

可控：3D場(chǎng)景內(nèi)控制倉(cāng)門(mén)、倉(cāng)窗、通風(fēng)口、風(fēng)機(jī)、空調(diào)等設(shè)備設(shè)施的開(kāi)關(guān)狀態(tài)；

可防：系統(tǒng)通過(guò)集成數(shù)據(jù)，提前預(yù)知糧食霉菌、蟲(chóng)害的產(chǎn)生與生長(zhǎng)趨勢(shì)，提早制定防治措施，實(shí)現(xiàn)糧食綠色、生態(tài)儲(chǔ)藏。

構(gòu)建糧倉(cāng)內(nèi)糧情的監(jiān)控、預(yù)警、診斷、分析一體化的3D可視化平臺(tái)。

我們通過(guò)ThingJS3D可視化平臺(tái)做了個(gè)糧倉(cāng)3D可視化Demo，包含了糧倉(cāng)的庫(kù)區(qū)，工廠，宿舍等逐級(jí)可視，同時(shí)也包含了糧倉(cāng)的溫度、空間剩余等功能的顯示。點(diǎn)擊查看DEMO即可預(yù)覽。

我們?cè)谖哪└缴贤暾拇a，大家可以直接在ThingJS3D可視化平臺(tái)體驗(yàn)。

查看DEMO：http://www.thingjs.com/guide/...

糧倉(cāng)的全景預(yù)覽

宿舍區(qū)域

糧倉(cāng)區(qū)域

糧倉(cāng)信息

完整代碼

//加載場(chǎng)景代碼
var app = new THING.App({
    // 場(chǎng)景地址
    "url": "http://www.thingjs.com/./uploads/wechat/S2Vyd2lu/scene/CB20190228115320",
    //背景設(shè)置
    "skyBox": "BlueSky"
});

var toolbar2 = new THING.widget.Panel({ width: "250px", captionPos: "hover" });
toolbar2.position = [10, 10];

// 數(shù)據(jù)對(duì)象
var dataObj = {
    area01: false,
    area02: false,
    area03: false,
    overall: true,

}

THING.Utils.dynamicLoad(["lib/iconfont.js"], function () {

    var button1 = toolbar2.addImageBoolean(dataObj, "area01").caption("宿舍區(qū)域").url("#momoda_lc-icontubiao22");
    var button2 = toolbar2.addImageBoolean(dataObj, "area02").caption("工廠區(qū)域").url("#momoda_lc-icontubiao10");
    var button3 = toolbar2.addImageBoolean(dataObj, "area03").caption("糧倉(cāng)區(qū)域").url("#momoda_lc-icontubiao21");
    var button4 = toolbar2.addImageBoolean(dataObj, "overall").caption("全景預(yù)覽").url("#momoda_lc-icontubiao28");

    button1.on("change", function (ev) {
        dataObj.area02 = false;
        dataObj.area03 = false;
        dataObj.overall = false;
        app.camera.flyTo({
            "position": [-22.356943810261143, 13.20176112267712, 28.19482648304762],
            "target": [-53.24507055455286, 0.6162378602394785, 6.3743932170050375],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = false;
            }
        });
    });

    button2.on("change", function (ev) {
        dataObj.area01 = false;
        dataObj.area03 = false;
        dataObj.overall = false;
        // 攝像機(jī)飛行到某位置
        app.camera.flyTo({
            "position": [-2.8177753324747767, 16.090400887405227, 19.94073098974482],
            "target": [-2.685240969328181, -1.3204502556714408, 3.6209106265430773],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = false;
            }
        });

    });

    button3.on("change", function (ev) {
        dataObj.area01 = false;
        dataObj.area02 = false;
        dataObj.overall = false;
        // 攝像機(jī)飛行到某位置
        app.camera.flyTo({
            "position": [33.313117413004846, 20.17892561437951, 30.105105312212782],
            "target": [50.84710727906235, -1.7298146965736394, 10.602912178089504],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = false;
            }
        });

    });

    button4.on("change", function (ev) {
        dataObj.area01 = false;
        dataObj.area02 = false;
        dataObj.area03 = false;
        // 攝像機(jī)飛行到某位置
        app.camera.flyTo({
            "position": [-18.079999999999977, 80.427, 101.051],
            "target": [13.422, 2.597, 2.226],
            "time": 2000,
            "complete": function () {
                app.camera.inputEnabled = true;
            }
        });


    });


});

var panel;
app.on("SingleClick", function (ev) {

    if (ev.button == 2) {
        if (panel) {
            panel.destroy();
            panel = null;
        }
        if (curObject) {
            curObject.playAnimation("close");
            curObject = null;
            app.camera.flyTo({
                "position": [33.313117413004846, 20.17892561437951, 30.105105312212782],
                "target": [50.84710727906235, -1.7298146965736394, 10.602912178089504],
                "time": 2000,
                "complete": function () {
                    app.camera.inputEnabled = false;
                }
            });
        }
        return;
    }

    var object = ev.object;
    if (object == null || object.name == "field")
        return;
    if (panel != null) {
        panel.destroy();
        panel = null;
    }
    panel = new THING.widget.Panel({
        width: "200px",
        cornerType: "polyline"
    })
    var data = {
        type: "小米",
        admin: "Kerwin",
        surplus: Math.round(Math.random() * 100) + "%",
        temperature: Math.round(Math.random() * 10) + "°"
    }
    // 綁定物體身上相應(yīng)的屬性數(shù)據(jù)
    panel.addString(object, "id").caption("倉(cāng)庫(kù)編號(hào)");
    panel.addString(data, "admin").caption("管理員");
    panel.addString(data, "type").caption("庫(kù)存種類(lèi)");
    panel.addString(data, "surplus").caption("剩余空間");
    panel.addString(data, "temperature").caption("倉(cāng)庫(kù)溫度");
    panel.position = [500, 50];
    //創(chuàng)建UIAnchor面板
    var uiAnchor = app.create({
        type: "UIAnchor",
        parent: object,
        element: panel.domElement,
        localPosition: [0, -49, 0],
        pivot: [-0.2, 2.1]
    });

    uiAnchor["panel"] = panel;

    return uiAnchor;
});

var curObject;
app.on("dblclick", function (ev) {
    if (ev.button == 2)
        return;
    if (curObject) {
        curObject.playAnimation("close");
        curObject = null;
    }
    var object = ev.object;
    curObject = object;
    curObject.playAnimation("open");
    app.camera.flyTo({
        object: curObject,
    });
});