ThingJS 官方示例（一）：禁区告警的3D电子围栏可视化

关注

VIP免费原创最新推荐文章于 2023-12-15 13:59:12 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

厂区 3D 室内定位及电子围栏 现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个现代化工厂的现实场景，室内定位包括工厂工人的实时位置、电子围栏的范围、现场的安全情况等等，帮助我们直观的了解当前工厂人员的安全状况。本篇文章通过对工厂可视化场景的搭建和模型的加载，人物实时室内定位代码的实现、电子围栏和轨迹图阅读详情

电子围栏又称周界防盗报警系统，监控防区工作状态，实景中的电子围栏系统用于农业、畜牧业，以及监狱、军事设施等安全敏感地区，而在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控。3D可视化场景则更加轻量化实现，展示工人的实时位置、电子围栏的范围、现场的安全情况，帮助我们直观了解当前工厂人员的安全状况。

ThingJS平台上，电子围栏指的是一个区域，使用PolygonRegion属性。创建物体对象或模型并开启移动功能，即可开始检测目标点是否进入电子围栏区域，判断true或false显示告警反应。
当人物或物体对象出发警报时，有2种方式提醒用户注意，一是踏足的禁区围栏颜色发生改变；二是展示面板显示报警信息，可视化监控目标点的移动范围。还有更多可视化告警功能待你挖掘。
官方demo体验地址>>

/**
 * 检测目标点是否进入电子围栏区域
 * @param {Array} checkPoint - 校验坐标
 * @param {Array} polygonPoints - 形成电子围栏的坐标
 * @returns {Boolean} true 或 false
 * @description 此方法仅判断处于同一个平面的目标点是否在区域内（只判断坐标x和z值），
 *     不考虑两者当前离地高度（坐标的y值）
 */
function isInPolygon(checkPoint, polygonPoints) {
   
   
    var counter = 0;
    var i;
    var xinters;
    var p1, p2;
    var pointCount = polygonPoints.length;
    p1