一种基于天地图的热力图自适应渲染方法、设备及介质技术

技术编号:38333752 阅读:9 留言:0更新日期:2023-08-02 09:14
本申请公开了一种基于天地图的热力图自适应渲染方法、设备及介质,方法包括:获取天地图实例,确定天地图实例的缩放属性和渲染容器,根据渲染容器确定天地图实例的渲染半径;根据缩放属性确定天地图实例的缩放事件,并根据缩放事件确定缩放等级;根据缩放等级确定缩放次数,并根据缩放次数对渲染半径进行更改,以得到新的渲染半径;根据新的渲染半径对天地图实例进行渲染,以得到热力图。本申请通过在地图实例缩放之后维持原有的渲染效果,适应了热力信息点位较少而地图实例缩放无限制的应用场景,在不修改接口源码的情况下实现了热力图的自适应渲染。图的自适应渲染。图的自适应渲染。

【技术实现步骤摘要】
一种基于天地图的热力图自适应渲染方法、设备及介质


[0001]本申请涉及图像显示
,尤其涉及一种基于天地图的热力图自适应渲染方法、设备及介质。

技术介绍

[0002]天地图是国家测绘地理信息局建设的地理信息综合服务网站。集成了来自国家、省、市(县)各级测绘地理信息部门,以及相关政府部门、企事业单位、社会团体、公众的地理信息公共服务资源,向各类用户提供权威、标准、统一的在线地理信息综合服务。天地图的目的在于促进地理信息资源共享和高效利用,提高测绘地理信息公共服务能力和水平,改进测绘地理信息成果的服务方式,更好地满足国家信息化建设的需要,为社会公众的工作和生活提供方便。
[0003]使用天地图的热力图API接口时,地图缩放等级属性不影响热力图渲染半径属性。随着缩放等级改变,热力图中心定位点间的距离也会按缩放比例随之改变,从而导致实际渲染效果较差。

技术实现思路

[0004]为了解决上述问题,本申请提出了一种基于天地图的热力图自适应渲染方法,包括:获取天地图实例,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径;根据所述缩放属性确定所述天地图实例的缩放事件,并根据所述缩放事件确定缩放等级;根据所述缩放等级确定缩放次数,并根据所述缩放次数对所述渲染半径进行更改,以得到新的渲染半径;根据所述新的渲染半径对所述天地图实例进行渲染,以得到热力图。
[0005]在一个示例中,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径之后,所述方法还包括:根据预先设置的缩放初始值对所述缩放属性进行设置,以得到zoom变量;根据预先设置的半径初始值对所述渲染半径进行设置,以得到radius变量。
[0006]在一个示例中,根据所述缩放属性确定所述天地图实例的缩放事件,具体包括:确定所述天地图实例对应的缩放监听事件,以通过所述缩放监听事件获取所述zoom变量的变化,从而确定所述缩放事件。
[0007]在一个示例中,根据所述新的渲染半径对所述天地图实例进行渲染,具体包括:根据所述radius变量确定所述热力图的配置属性,以根据所述配置属性对所述热力图进行渲染。
[0008]在一个示例中,所述缩放等级包括开始缩放等级和结束缩放等级;所述方法还包括:将所述开始缩放等级与所述结束缩放等级进行比较;若所述开始缩放等级小于所述结束缩放等级,则表示所述缩放事件为放大;若所述开始缩放等级大于所述结束缩放等级,则表示所述缩放事件为缩小;并根据所述开始缩放等级和所述结束缩放等级确定所述缩放次
数。
[0009]在一个示例中,根据所述开始缩放等级和所述结束缩放等级确定所述缩放次数,具体包括:若所述缩放事件为放大,则根据所述结束缩放等级与所述开始缩放等级之差确定所述缩放次数;若所述缩放事件为缩小,则根据所述开始缩放等级与所述结束缩放等级之差确定所述缩放次数。
[0010]在一个示例中,根据所述缩放次数对所述渲染半径进行更改,具体包括:若所述缩放事件为放大,则根据所述缩放次数对所述渲染半径进行翻倍;若所述缩放事件为缩小,则根据所述缩放次数对所述渲染半径进行减半。
[0011]在一个示例中,所述方法还包括:确定所述天地图实例的数据容器,将预先设置的点位信息数据导入所述数据容器中,其中,所述点位信息数据包括但不限于点位名称、纬度、经度、点位数据。
[0012]另一方面,本申请还提出了一种基于天地图的热力图自适应渲染设备,包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述一种基于天地图的热力图自适应渲染设备能够执行:获取天地图实例,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径;根据所述缩放属性确定所述天地图实例的缩放事件,并根据所述缩放事件确定缩放等级;根据所述缩放等级确定缩放次数,并根据所述缩放次数对所述渲染半径进行更改,以得到新的渲染半径;根据所述新的渲染半径对所述天地图实例进行渲染,以得到热力图。
[0013]另一方面,本申请还提出了一种非易失性计算机存储介质,存储有计算机可执行指令,所述计算机可执行指令设置为:获取天地图实例,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径;根据所述缩放属性确定所述天地图实例的缩放事件,并根据所述缩放事件确定缩放等级;根据所述缩放等级确定缩放次数,并根据所述缩放次数对所述渲染半径进行更改,以得到新的渲染半径;根据所述新的渲染半径对所述天地图实例进行渲染,以得到热力图。
[0014]本申请通过在地图实例缩放之后维持原有的渲染效果,适应了热力信息点位较少而地图实例缩放无限制的应用场景,在不修改接口源码的情况下实现了热力图的自适应渲染。有效提高了前端项目中热力图的易读性,有更好的视觉效果。利用Vue的双向绑定动态设置热力图的radius属性,灵活度高,适用于各种不同应用场景的开发需求。
附图说明
[0015]此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
[0016]图1为本申请实施例中一种基于天地图的热力图自适应渲染方法的流程示意图;
[0017]图2为本申请实施例中一种基于天地图的热力图自适应渲染设备的示意图。
具体实施方式
[0018]为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一
部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0019]以下结合附图,详细说明本申请各实施例提供的技术方案。
[0020]使用天地图API的热力图接口时,由于地图缩放等级属性不影响热力图渲染半径属性,随着缩放等级改变,热力图中心定位点间的距离也会按缩放比例随之改变,从而导致实际渲染效果与预期不符合。
[0021]如图1所示,为了解决上述问题,本申请实施例提供的一种基于天地图的热力图自适应渲染方法,方法包括:
[0022]S101、获取天地图实例,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径。
[0023]在一个实施例中,通过new T.Map()构造天地图实例map,将实例的缩放属性zoom设置为Vue实例中data字段的zoom变量,根据实际工程需要设置初始值,例如需要生成全国地图,则设置为4。Vue为一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型。Vue具有双向绑定的特性,其中data本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于天地图的热力图自适应渲染方法,其特征在于,包括:获取天地图实例,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径;根据所述缩放属性确定所述天地图实例的缩放事件,并根据所述缩放事件确定缩放等级;根据所述缩放等级确定缩放次数,并根据所述缩放次数对所述渲染半径进行更改,以得到新的渲染半径;根据所述新的渲染半径对所述天地图实例进行渲染,以得到热力图。2.根据权利要求1所述的方法,其特征在于,确定所述天地图实例的缩放属性和渲染容器,根据所述渲染容器确定所述天地图实例的渲染半径之后,所述方法还包括:根据预先设置的缩放初始值对所述缩放属性进行设置,以得到zoom变量;根据预先设置的半径初始值对所述渲染半径进行设置,以得到radius变量。3.根据权利要求2所述的方法,其特征在于,根据所述缩放属性确定所述天地图实例的缩放事件,具体包括:确定所述天地图实例对应的缩放监听事件,以通过所述缩放监听事件获取所述zoom变量的变化,从而确定所述缩放事件。4.根据权利要求2所述的方法,其特征在于,根据所述新的渲染半径对所述天地图实例进行渲染,具体包括根据所述radius变量确定所述热力图的配置属性,以根据所述配置属性对所述热力图进行渲染。5.根据权利要求1所述的方法,其特征在于,所述缩放等级包括开始缩放等级和结束缩放等级;所述方法还包括:将所述开始缩放等级与所述结束缩放等级进行比较;若所述开始缩放等级小于所述结束缩放等级,则表示所述缩放事件为放大;若所述开始缩放等级大于所述结束缩放等级,则表示所述缩放事件为缩小;并根据所述开始缩放等级和所述结束缩放等级确定所述缩放次数。6.根据权利要求5所述的方法,其特征在于,根据所述开始缩放等级和所述结束缩放等级确定所述缩放次数,具体包括:若所述缩放事件为放大,则根据所述结束缩放等级与所述开始缩放等...

【专利技术属性】
技术研发人员:刘浩宇
申请(专利权)人:浪潮智慧科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1