一种数据渲染方法、装置、终端及存储介质制造方法及图纸

本发明专利技术公开了一种数据渲染方法、装置、终端及存储介质，其中，数据渲染方法包括：响应地图显示请求，显示目标地图；确定所述目标地图中的可视区域，在所述可视区域的上方叠加透明的画布蒙层，构建所述可视区域与所述画布蒙层的映射关系；获取所述可视区域所对应的目标待渲染数据；根据所述映射关系，确定所述目标待渲染数据所对应的像素点集；在所述画布蒙层中渲染所述像素点集，得到所述画布蒙层与所述目标地图的叠加显示结果。本发明专利技术避免了因直接在地图上渲染数据生成大量文档元素导致的对电子设备性能的严重消耗，提升了渲染性能，非常适用于对海量数据点的渲染。

A data rendering method, device, terminal and storage medium

【技术实现步骤摘要】
一种数据渲染方法、装置、终端及存储介质
本专利技术涉及计算机
，特别涉及一种数据渲染方法、装置、终端及存储介质。
技术介绍
随着互联网技术的快速发展，电子地图被应用于越来越多的场景中，例如，将被监控的设备点的位置在电子地图中渲染显示出来。相关技术中，在渲染显示被监控的设备点的位置时，直接在电子地图上绘制标记点，一般根据被监控的设备点的经纬度坐标计算并调用电子地图的开放平台接口，然后选择相应的素材元素在对应结构中生成文档元素以完成渲染，这种渲染方式每渲染一个数据点都会创建一个文档元素，文档元素又称为文档对象模型(DocumentObjectModel，DOM)，当渲染的数据点比较多时，就会产生大量的文档元素，对执行渲染的电子设备的性能有严重的消耗，而且可能会由于数据量过大无法完成文档元素的创建，进而导致无法完成渲染任务。
技术实现思路
为了解决现有技术的问题，本专利技术实施例提供了一种数据渲染方法、装置、终端及存储介质。所述技术方案如下：一方面，提供了一种数据渲染方法，所述方法包括：响应地本文档来自技高网...

【技术保护点】
1.一种数据渲染方法，其特征在于，所述方法包括：/n响应地图显示请求，显示目标地图；/n确定所述目标地图中的可视区域，在所述可视区域的上方叠加透明的画布蒙层，构建所述可视区域与所述画布蒙层的映射关系；/n获取所述可视区域所对应的目标待渲染数据；/n根据所述映射关系，确定所述目标待渲染数据所对应的像素点集；/n在所述画布蒙层中渲染所述像素点集，得到所述画布蒙层与所述目标地图的叠加显示结果。/n

【技术特征摘要】
1.一种数据渲染方法，其特征在于，所述方法包括：
响应地图显示请求，显示目标地图；
确定所述目标地图中的可视区域，在所述可视区域的上方叠加透明的画布蒙层，构建所述可视区域与所述画布蒙层的映射关系；
获取所述可视区域所对应的目标待渲染数据；
根据所述映射关系，确定所述目标待渲染数据所对应的像素点集；
在所述画布蒙层中渲染所述像素点集，得到所述画布蒙层与所述目标地图的叠加显示结果。


2.根据权利要求1所述的数据渲染方法，其特征在于，所述获取所述可视区域所对应的目标待渲染数据包括：
确定位于所述可视区域中的目标网格；
基于预先建立的网格与待渲染数据的对应关系，确定所述目标网格对应的待渲染数据；
将所述目标网格对应的待渲染数据作为所述目标待渲染数据。


3.根据权利要求2所述的数据渲染方法，其特征在于，所述方法还包括建立网格与待渲染数据的对应关系的步骤；所述建立网格与待渲染数据的对应关系的步骤包括：
遍历所有待渲染数据，建立包含所述所有待渲染数据的最小外接矩形；
对所述最小外接矩形进行网格划分；
确定每个网格的位置信息，以及每个网格所包含的待渲染数据；
根据每个网格的位置信息以及所包含的待渲染数据，建立所述网格与待渲染数据的对应关系。


4.根据权利要求3所述的数据渲染方法，其特征在于，所述对所述最小外接矩形进行网格划分包括：
对所述最小外接矩形进行第一网格划分，得到多个第一网格；
遍历所述多个第一网格中的每一第一网格，在遍历时执行以下步骤：
确定所述第一网格所包含的待渲染数据的数量；
在所述待渲染数据的数量超过预设阈值时，对所述第一网格进行第二网格划分，得到多个第二网格；
将所述多个第二网格中的每一第二网格作为所述第一网格，执行所述确定所述第一网格所包含的待渲染数据的数量，在所述待渲染数据的数量超过预设阈值时对所述第一网格进行第二网格划分的步骤，直至所述第一网格所包含的待渲染数据的数量不超过预设阈值。


5.根据权利要求1所述的数据渲染方法，其...

【专利技术属性】
技术研发人员：刘嘉，于冲，陈梦麟，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44