首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

管线可视化管理怎么实现呢?

无论是城市管线还是社区,商场,大厦里的管线,想要实时检测到管线的情况怕是有难度。如何通过物联网和互联网技术实现管线的可视化管理是解决问题的根本。

智慧电力可视化系统构建发电、输电、变电、配电、用电、调度、通信信息各个环节逐级可视。具备电站环境可视化、电力设备可视化、电力安防可视化标准功能,同时展示输电网、变电站及其内部的设备位置分布。

ThingJS-面向物联网的3D可视化开发平台

管线.js

/**

* 说明:管线应用

*/

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

// 随机管线连接点

function randomPoints() {

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

var oldType = 2;

for (var i = 0; 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(); }

// 创建管线

line = app.create({

type: 'PolygonLine',

points: randomPoints(),

width: 0.2,

style: {

image: 'https://thingjs.com/static/images/poly_line_0' + lineIdx + '.png', // 管线中的纹理资源

}

});

// 切换线贴图

if (lineIdx

else { lineIdx = 1; }

// 开启 UV 动画

line.scrollUV = true;

// 设置最适合的摄像机观察位置

app.camera.fit();

}

build();

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

ThingJS-面向物联网的3D可视化开发平台

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191228A0DIPQ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券