面向移动终端的专题热图实时绘制方法

Research on real-time rendering of heatmap for the mobile termination

针对传统基于Flash、Slivelight的移动终端热图绘制中存在的数据表现单一、绘制效率低、用户体验差等问题,以及HTML5的渲染效率差、数据复用率低等性能缺点,该文提出一种改进的HTML5专题热图实时绘制方法。引入四叉树结构进行专题数据组织,大幅度提升热图实时绘制中服务器端数据汇聚效率;采用网格化数据缓存调度方法,有效降低客户端与服务器端的数据请求,实现移动终端数据缓存最大限度的重复利用;以异步I/O消息机制,解决了热图绘制过程中的消息通道堵塞、客户端假死等问题。实验证明,该方法符合移动终端对专题热图的绘制要求,能够在提高数据利用率和系统整体性能的同时,降低移动终端的计算量,提高系统的运行效率。

The traditional Flash or Slivelight mobile terminals in the heat map drawing exist some problems,such as single data representation,low efficiency of drawing and poor user experience;HTML5has shortcomings including low rendering efficiency and low reusability of data.In view of those problems,an improved heat maps real-time rendering method by HTML 5was proposed.The quadtree structure was used for project data organization to enhance the real-time rendering efficiency of heat map server data;grid data cache scheduling method was used to reduce the client and the server data request,achieve maximum reuse of mobile terminal data cache;the heat map message channel jam and client feign death in the process of drawing were solved by asynchronous I/O message mechanism.Experimental results showed that this method conform to the requirements of the mobile terminal to project heat map drawing,which increased the data availability and system performance,reduced the calculation capacity of the mobile terminal,and improved the system efficiency.