一种信息展示方法、装置、设备及存储介质制造方法及图纸

技术编号:24408769 阅读:15 留言:0更新日期:2020-06-06 08:15
本发明专利技术涉及一种信息展示方法、装置、设备及存储介质,所述方法包括:响应于对待交互图像的点击操作,确定点击位置信息;确定所述点击位置信息在所述待交互图像中所属的目标区域;对所述目标区域以及所述目标区域中的标识信息进行突出显示;其中,所述目标区域中的标识信息是预先配置到所述目标区域中并能够表征所述目标区域特性的信息;响应于对所述待交互图像的调整请求,基于所述调整请求对所述目标区域进行相应的调整,基于与所述调整请求相反的调整请求对所述目标区域中的标识信息进行调整。本发明专利技术能够实现用户操作与待交互图像之间的精准交互,并同时为用户提供丰富和明确的信息引导。

An information display method, device, equipment and storage medium

【技术实现步骤摘要】
一种信息展示方法、装置、设备及存储介质
本专利技术涉及计算机
,尤其涉及一种信息展示方法、装置、设备及存储介质。
技术介绍
在通过电子屏幕为媒介对包含大量数据信息的图像进行展示时,由于图像中包含的数据信息量较大且展示形式单一,用户在短时间内难以根据需求找到兴趣点。以地图为例,地图是客观世界的模型,是空间信息的载体,与纸质地图相比,电子地图实现了数据存储与数据展示的分离,其展示的信息量更大,信息类型更丰富;电子地图中可包括自然地理要素(如水系、植被、交通等)、社会经济要素(如行政区等)、服务信息(如实时路况、景点实景等)以及自然和社会的多维信息(如人口分布热力图、空气质量图等)等,由于地图中数据量大、数据类型多,因此为了便于用户查看地图信息,需要一种能够有效展示地图信息的方法。
技术实现思路
本专利技术所要解决的技术问题在于,提供一种信息展示方法、装置、设备及存储介质,能够实现用户操作与待交互图像之间的精准交互,并同时为用户提供丰富和明确的信息引导,便于用户查找目标点。为了解决上述技术问题,一方面,本专利技术提供了一种信息展示方法,所述方法包括:响应于对待交互图像的点击操作,确定点击位置信息;确定所述点击位置信息在所述待交互图像中所属的目标区域;对所述目标区域以及所述目标区域中的标识信息进行突出显示;其中,所述目标区域中的标识信息是预先配置到所述目标区域中并能够表征所述目标区域特性的信息;响应于对所述待交互图像的调整请求,基于所述调整请求对所述目标区域进行相应的调整,基于与所述调整请求相反的调整请求对所述目标区域中的标识信息进行调整。另一方面,本专利技术提供了一种信息展示装置,所述装置包括:点击位置信息响应模块,用于响应于对待交互图像的点击操作,确定点击位置信息;目标区域确定模块,用于确定所述点击位置信息在所述待交互图像中所属的目标区域;突出显示模块,用于对所述目标区域以及所述目标区域中的标识信息进行突出显示;其中,所述目标区域中的标识信息是预先配置到所述目标区域中并能够表征所述目标区域特性的信息;调整请求响应模块,用于响应于对所述待交互图像的调整请求,基于所述调整请求对所述目标区域进行相应的调整,基于与所述调整请求相反的调整请求对所述目标区域中的标识信息进行调整。另一方面,本专利技术提供了一种设备,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上述的信息展示方法。另一方面,本专利技术提供了一种计算机存储介质,所述存储介质中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由处理器加载并执行如上述的信息展示方法。实施本专利技术实施例,具有如下有益效果:本专利技术通过响应于用户对待交互图像的点击操作,确定点击位置信息以及所述点击位置信息在所述待交互图像中所属的目标区域;对所述目标区域以及所述目标区域中的标识信息进行突出显示;响应于用户对所述待交互图像的调整请求,基于所述调整请求对所述目标区域进行调整,基于与所述调整请求相反的调整请求对所述目标区域中的标识信息进行调整。本专利技术能够实现用户操作与待交互图像之间的精准交互,生动展示待交互图像中的区域特性,从而为用户提供丰富和明确的信息引导,便于用户查找目标点。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案和优点,下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它附图。图1是本专利技术实施例提供的实施环境示意图;图2是本专利技术实施例提供的一种信息展示方法流程图;图3是本专利技术实施例提供的一种目标图像的区域划分方法流程图;图4是本专利技术实施例提供的一种目标区域确定方法流程图;图5是本专利技术实施例提供的待交互图像的生成方法流程图;图6是本专利技术实施例提供的一种目标区域突出显示方法流程图;图7是本专利技术实施例提供的一种目标区域调整方法流程图;图8是本专利技术实施例提供的一种关联信息展示方法流程图;图9是本专利技术实施例提供的区域划分示意图;图10是本专利技术实施例提供的地图渲染过程示意图;图11是本专利技术实施例提供的地图信息展示示意图;图12是本专利技术实施例提供的一种信息展示装置示意图;图13是本专利技术实施例提供的一种设备结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术作进一步地详细描述。显然,所描述的实施例仅仅是本专利技术的一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本专利技术保护的范围。需要说明的是,本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。首先对本说明书实施例中涉及的相关名词做以下解释:canvas:元素是HTML5的一部分,允许脚本语言动态渲染位图像。RGB色彩:是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色。网页颜色以光学颜色RGB(红、绿、蓝)为主,是以16进制代码表示,一般格式为#DEFABC(字母范围从A-F,数字从0-9);如黑色,在网页代码中便是:#000000。请参阅图1,其示出了本专利技术实施例提供的实施环境示意图,该实施环境可包括:至少一个第一终端110和第二终端120,所述第一终端110和所述第二终端120可通过网络进行数据通信。具体地,所述第一终端110根据需求从所述第二终端120获取相关数据,所述第一终端110基于获取的相关数据进行配置渲染生成待交互图像;当第一终端110接收到用户对于所述待交互图像的操作请求时,为用户展示进行相应操作之后的图像信息;或者,所述第二终端120基于相关数据进行配置渲染生成待交互图像,并将所述待交互图像信息发送给所述第一终端110,当第一终端110接收到用户对于所述待交互图像的操作请求时,为用户展示进行相应操作之后的图像信息。所述第一终端110可以基于浏览器/服务器模式(Browser/Server,B/S)或客户端/服务器模式(Client/Serv本文档来自技高网...

【技术保护点】
1.一种信息展示方法,其特征在于,包括:/n响应于对待交互图像的点击操作,确定点击位置信息;/n确定所述点击位置信息在所述待交互图像中所属的目标区域;/n对所述目标区域以及所述目标区域中的标识信息进行突出显示;其中,所述目标区域中的标识信息是预先配置到所述目标区域中并能够表征所述目标区域特性的信息;/n响应于对所述待交互图像的调整请求,基于所述调整请求对所述目标区域进行相应的调整,基于与所述调整请求相反的调整请求对所述目标区域中的标识信息进行调整。/n

【技术特征摘要】
1.一种信息展示方法,其特征在于,包括:
响应于对待交互图像的点击操作,确定点击位置信息;
确定所述点击位置信息在所述待交互图像中所属的目标区域;
对所述目标区域以及所述目标区域中的标识信息进行突出显示;其中,所述目标区域中的标识信息是预先配置到所述目标区域中并能够表征所述目标区域特性的信息;
响应于对所述待交互图像的调整请求,基于所述调整请求对所述目标区域进行相应的调整,基于与所述调整请求相反的调整请求对所述目标区域中的标识信息进行调整。


2.根据权利要求1所述的一种信息展示方法,其特征在于,所述响应于对待交互图像的点击操作之前还包括:
对目标图像进行区域划分,得到由若干区域构成的区域划分图像;
为所述区域划分图像中的每个区域填充颜色,其中,任意两个区域所填充的颜色均不相同;
建立各个区域与相应的填充颜色之间的对应关系;
确定所述区域划分图像中每个点所在的填充颜色,建立各个点的坐标值与相应填充颜色之间的对应关系。


3.根据权利要求2所述的一种信息展示方法,其特征在于,所述点击位置信息为点击位置的坐标值;
相应地,所述确定所述点击位置信息在所述待交互图像中所属的目标区域包括:
基于所述各个点的坐标值与相应填充颜色之间的对应关系,确定所述点击位置的坐标值所对应的目标填充颜色;
基于所述各个区域与相应的填充颜色之间的对应关系,确定所述目标填充颜色所对应的目标区域。


4.根据权利要求2所述的一种信息展示方法,其特征在于,所述对目标图像进行区域划分,得到由若干区域构成的区域划分图像之后还包括:
遍历所述区域划分图像中的各个区域;
对于当前区域,获取当前区域中的待配置标识信息,所述待配置标识信息中包括位置信息;
基于所述待配置标识信息的位置信息,将所述待配置标识信息配置到当前区域的相应位置;
当对各区域完成标识信息配置之后,导出包含有已配置标识信息的区域划分图像;
对导出的包含有已配置标识信息的区域划分图像进行渲染,生成所述待交互图像。


5.根据权利要求1所述的一种信息展示方法,其特征在于,所述对所述目标区域以及所述目标区域中的标识信息进行突出显示包括:
确定所述待交互图像中各个区域所在的层级;
将所述目标区域所在的层级置于顶层,将除...

【专利技术属性】
技术研发人员:罗飞虎
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

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

1