借用heatmap.js热力图实现

目的是在一个指定区域（场馆）内展示热力图，通过摄像头可以获取到人流量统计数据

条件：

1、  无法获取每一个人的坐标位置

2、  捕捉的摄像头可以进行提前规划，摄像头可以基本统计出视野内的人员数量

 

思路

 

1、  得到场馆的平面布局图

2、  规划摄像头的位置为A点到M点，已标注如上图

3、  使用网页进行展示，平面布局图在网页中展示时网页大小要固定，以能够测量出A到M点在网页中展示的X和Y坐标。

4、  通过采集A到M点摄像头内的人员数量，做为权重值，以进行热力绘制

5、  设A点有A个人，B点有B个人，一直到M有M个人，所以A到M点的人员总数为T1=A+B+C+…+M

6、  设图上I,C,E,G为出入口，需要统计出在场馆内的总人数T0=I入-C出-E出-G出。

7、  所以围绕在A到M点以外的人员还有T2=T0-T1。

8、  随机得到T2个人员的坐标位置X和Y，形成T2个点，每个人的权重为1

9、  将这T2个数据加入到热力图的展示中