一种显示专题图热区的方法、系统和设备的制造方法_2

文档序号:9523843阅读:来源:国知局
实施例一显示专题图热区的系统结构示意图;
[0064]图1B为本发明实施例热区示意图;
[0065]图2为本发明实施例二显示专题图热区的系统中服务器的结构示意图;
[0066]图3为本发明实施例三显示专题图热区的系统中客户端的结构示意图;
[0067]图4为本发明实施例四显示专题图热区的方法流程示意图;
[0068]图5为本发明实施例五显示专题图热区的方法流程示意图。
【具体实施方式】
[0069]本发明实施例服务器根据收到的来自客户端的热区请求,确定至少一个需要显示的热区,确定至少一个需要显示的热区对应的第一范围信息和参数信息;将确定的第一范围信息和参数信息返回给所述客户端,以使所述客户端根据所述第一范围信息确定当前需要显示的热区,并根据当前需要显示的热区对应的参数信息进行热区显示操作。由于本发明实施例服务器根据收到的来自客户端的热区请求,确定至少一个需要显示的热区,并将至少一个需要显示的热区对应的第一范围信息和参数信息返回给所述客户端,以使所述客户端根据第一范围信息显示参数信息,从而采用后端显示方式显示专题图时也能够显示专题图热区,提高了交互能力。
[0070]下面结合说明书附图对本发明实施例作进一步详细描述。
[0071]如图1A所示,本发明实施例一显示专题图热区的系统包括:服务器10和客户端20。
[0072]服务器10,用于根据收到的来自客户端的热区请求,确定至少一个需要显示的热区,确定至少一个需要显不的热区对应的第一范围信息和参数信息,将确定的第一范围信息和参数信息返回给所述客户端;
[0073]客户端20,用于向服务器发送热区请求,接收来自所述服务器的至少一个需要显示的热区对应的第一范围信息和参数信息,根据所述第一范围信息确定当前需要显示的热区,并根据当前需要显示的热区对应的参数信息进行显示操作。
[0074]本发明实施例客户端根据专题图的类型,确定用于专题图渲染的专题图参数;
[0075]客户端根据丽S服务的请求格式,将专题图参数组合成用于请求生成专题图的URL串,向服务端发送URL串。
[0076]在实施中,专题图的类型包括但不限于下列类型:
[0077]柱状专题图、饼状专题图、格网专题图和等级专题图。
[0078]专题图参数为一般丽S参数(包括ΒΒ0Χ地图范围、图片高度和宽度、图片透明度等参数)和特色专题参数。
[0079]特色专题参数包括专题图统计字段名。如果专题图的类型为饼状专题图,则还包括饼块的内外环的半径、饼块的厚度、饼块的颜色等;如果专题图的类型为柱状专题图,则还包括柱子的高度、柱子的厚度、专题图的视角角度、单节柱子高度代表的值的大小、柱子的方向(垂直和水平)、柱子的排列样式(偏移和叠加)、柱子的颜色、柱子的形状(直方图、圆柱、圆锥)等;如果专题图的类型为格网专题图,则还包括格子大小以及代表的数值,行间距、列间距、专题颜色等参数;如果专题图的类型为等级专题图,则还包括等级范围设置以及每个等级的颜色等参数。
[0080]相应的,服务端接收到客户端的请求,根据专题图的请求类型和专题图参数生成专题图,并向所述客户端返回生成的专题图;
[0081 ] 客户端显示所述服务器返回的专题图。
[0082]其中,客户端在显示专题图后,还需要进行热区显示操作。在进行热区显示操作之前,还需要向服务器请求热区显示操作所需要的参数。
[0083]在实施中,客户端向服务器请求热区显示操作所需要的参数的方式有很多种,下面列举几种。
[0084]方式一、客户端向服务器请求当前显示的专题图范围内的热区的参数。
[0085]具体的,客户端根据当前显示的专题图的范围,生成第二范围信息,并将所述第二范围信息作为热区请求。
[0086]客户端当前显示的专题图可能是整个专题图;也可能是部分专题图,比如对专题图进行放大显示,则只显示部分专题图。
[0087]如果是整个专题图,则需要将能够表示整个专题图范围的信息作为第二范围信息,比如可以是专题图四个端点的坐标;
[0088]如果是部分专题图,则需要将能够表示显示的部分专题图范围的信息作为第二范围信息,比如可以是部分专题图四个端点的坐标。
[0089]相应的,服务器根据第二范围信息,确定当前显示的专题图的范围;将在所述当前显示的专题图的范围中的热区作为需要显示的热区。
[0090]在实施中,客户端会将专题图用到的每个热区的热区参数发送给服务器,比如可以同专题图参数一起发送;
[0091]其中,热区参数包括但不限于下列信息:
[0092]热区的标识、热区对应的参数信息。
[0093]热区对应的参数信息包括但不限于下列信息:
[0094]专题信息的统计值、专题信息的名称、专题图的类型、专题图参数以及专题扩展信息(比如专题所属的区域名称)、热区在专题图的位置。
[0095]相应的,服务器根据生成的专题图可以确定每个热区在专题图的位置,根据专题图的位置可以确定对应热区的第一范围信息。
[0096]客户端在请求热区的时候会携带有用来唯一标识每个热区的标识字段(即热区的标识),以及每个标识字段对应的参数信息。这个标识可以是ID,可以是名称;也可以是其他可以唯一标识热区的字段的值。服务器根据每个标识字段对应的参数信息就可以确定每个热区在专题图的位置。
[0097]由于在实施中,客户端会对目标对象(比如鼠标、激光笔等)所指示的热区进行热区显示操作,所以需要客户端能够根据热区的第一范围信息确定热区的范围。基于此,第一范围信息可以是热区的位置信息;也可以是热区中全部或部分坐标的集合。
[0098]如果是位置信息,则只要目标对象指示到范围内,就确定目标对象指示该范围对应的热区;如果是坐标集合,则只要目标对象当前指示的坐标是坐标集合中的坐标,就确定目标对象指示该坐标集合对应的热区。
[0099]服务器根据收到的每个热区的标识以及热区对应的参数信息,就可以确定每个热区的标识、每个热区的第一位置信息以及热区对应的参数信息三者之间的对应关系。
[0100]服务器缓存确定的对应关系,以便后续能够快速响应客户端的请求。
[0101]服务器在收到客户端发送的第二范围信息后,就可以根据第二范围信息确定专题图的范围;范围划定后,服务器就知道哪些热区在这个范围内,并将在这个范围内的热区作为需要显示的热区。
[0102]服务器确定了需要显示的热区后,根据缓存的对应关系就可以确定至少一个需要显不的热区对应的第一范围信息和参数信息,并将第一范围信息和参数信息生成JS0N格式的字符串发送给客户端;
[0103]如果缓存的对应关系被清理(比如超时等原因),服务器可以重新确定并缓存对应关系。
[0104]客户端接收到JS0N格式字符串后,通过JS封装的解析方法将当前显示的专题图范围内的热区解析出来;
[0105]客户端根据解析得到的专题图热区结果将专题图热区绘制到前端。
[0106]在实施中,客户端可以在当前显示的专题图的范围发生变化后,生成第二范围信息,并将所述第二范围信息作为热区请求。
[0107]方式二、客户端向服务器请求当前目标对象指示的热区的参数。
[0108]由于在实施中,客户端会对目标对象(比如鼠标、激光笔等)所指示的热区进行热区显示操作。
[0109]基于此,客户端确定目标对象在专题图中的坐标信息,并将所述坐标信息作为热区请求。
[0110]相应的,将包括所述坐标信息的热区作为需要显示的热区。
[0111]在实施中,客户端会将专题图用到的每个热区的热区参数发送给服务器,比如可以同专题图参数一起发送;
[0112]其中,热区参数包括但不限于下列信息:
[0113]热区的标识、热区对应的参数信息。
[0114]热区对应的参数信息包括但不限于下列信息:
[0115]专题信息的统计值、专题信息的名称、专题图的类型、专题图参数以及专题扩展信息(比如专题所属的区域名称)、热区在专题图的位置。
[0116]相应的,服务器根据生成的专题图可以确定每个热区在专题图的位置,根据专题图的位置可以确定对应热区的第一范围信息。
[0117]客户端在请求热区的时候会携带有用来唯一标识每个热区的标识字段(即热区的标识),以及每个标识字段对应的参数信息。这个标识可以是ID,可以是名称;也可以是其他可以唯一标识热区的字段的值。服务器根据每个标识字段对应的参数信息就可以确定每个热区在专题图的位置。
[0118]由于在实施中,客户端会对目标对象(比如鼠标、激光笔等)所指示的热区进行热区显示操作,所以需要客户端能够根据热区的第一范围信息确定热区的范围。基于此,第一范围信息可以是热区的位置信息;也可以是热区中全部或部分坐标的集合。
[0119]如果是位置信息,则只要目标对象指示到范围内,就确定目标对象指示该范围对应的热区;如果是坐标集合,则只要目标
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1