無論是城市管線還是社區(qū)，商場，大廈里的管線，想要實(shí)時(shí)檢測到管線的情況怕是有難度。如何通過物聯(lián)網(wǎng)和互聯(lián)網(wǎng)技術(shù)實(shí)現(xiàn)管線可視化管理是解決問題的根本。

智慧電力可視化系統(tǒng)構(gòu)建發(fā)電、輸電、變電、配電、用電、調(diào)度、通信信息各個(gè)環(huán)節(jié)逐級(jí)可視。具備電站環(huán)境可視化、電力設(shè)備可視化、電力安防可視化標(biāo)準(zhǔn)功能，同時(shí)展示輸電網(wǎng)、變電站及其內(nèi)部的設(shè)備位置分布。

ThingJS-面向物聯(lián)網(wǎng)的3D可視化開發(fā)平臺(tái)

管線.js

/**

* 說明：管線應(yīng)用

*/

var app = new THING.App({});

// 隨機(jī)管線連接點(diǎn)

function randomPoints() {

var points = [[0, 0, 0]];

var oldType = 2;

for (var i = 0; i < 50; i++) {

var old = points[points.length - 1];

var type = Math.floor(Math.random() * 100) % 3;

while (oldType == type) {

type = Math.floor(Math.random() * 100) % 3;

}

oldType = type;

var offset = (Math.random() * 2 + 1) * (Math.random() > 0.5 ? 1 : -1);

points.push([

type === 0 ? (old[0] + offset) : old[0],

type === 1 ? (old[1] + offset) : old[1],

type === 2 ? (old[2] + offset) : old[2],

]);

}

return points;

}

// 布置管線

var line = null;

var lineIdx = 1;

function build() {

// 刪除原管線

if (line) { line.destroy(); }

// 創(chuàng)建管線

line = app.create({

type: 'PolygonLine',

points: randomPoints(),

width: 0.2,

style: {

image: 'https://thingjs.com/static/images/poly_line_0' + lineIdx + '.png', // 管線中的紋理資源

}

});

// 切換線貼圖

if (lineIdx < 4) { lineIdx++; }

else { lineIdx = 1; }

// 開啟 UV 動(dòng)畫

line.scrollUV = true;

// 設(shè)置最適合的攝像機(jī)觀察位置

app.camera.fit();

}

build();

new THING.widget.Button('重新布置', build);