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

文档序号:9523843阅读:来源:国知局
对象当前指示的坐标是坐标集合中的坐标,就确定目标对象指示该坐标集合对应的热区。
[0120]服务器根据收到的每个热区的标识以及热区对应的参数信息,就可以确定每个热区的标识、每个热区的第一位置信息以及热区对应的参数信息三者之间的对应关系。
[0121]服务器缓存确定的对应关系,以便后续能够快速响应客户端的请求。
[0122]服务器在收到客户端发送的目标对象在专题图中的坐标信息后,就可以确定包含该坐标信息的热区,并将该热区作为需要显示的热区。
[0123]服务器确定了需要显示的热区后,根据缓存的对应关系就可以确定至少一个需要显不的热区对应的第一范围信息和参数信息,并将第一范围信息和参数信息生成JS0N格式的字符串发送给客户端;
[0124]如果缓存的对应关系被清理(比如超时等原因),服务器可以重新确定并缓存对应关系。
[0125]客户端接收到JS0N格式字符串后,通过JS封装的解析方法将当前显示的专题图范围内的热区解析出来;
[0126]客户端根据解析得到的专题图热区结果将专题图热区绘制到前端。
[0127]在实施中,客户端可以在当前显示的专题图的范围发生变化后,确定目标对象在专题图中的坐标信息,并将所述坐标信息作为热区请求。
[0128]方式二相比方式一可以节省服务器和客户端之间传输的数据量,但相比方式一在显示热区时会有一定延时。
[0129]本发明实施例由于专题图图片以及专题图热区结果均是通过服务端实现的,能够减少Web前端的开发工作量,而且不受客户端浏览器的限制,还能灵活的定制显示信息,通过建立缓存机制,大大提升专题图热区显示的性能:
[0130]本发明实现的交互式专题图中的专题图图片和专题图热区结果都是通过向服务端发送请求得到的,因此对客户端应用简单而且能够保证专题图图片和专题图热区的效果一致;
[0131]本发明实现的交互式专题图不受客户端浏览器的限制,而且专题图样式以及专题图热区样式可以做的非常复杂,例如将多个热区同时显示等;
[0132]本发明实现的交互式专题图在客户端请求专题图时,服务端会在生成专题图的同时,将专题图数据(专题信息、专题统计值、专题图样式以及专题图扩展信息等数据)缓存起来,这样可以将生成专题图热区的时间大大缩短,提升了专题图热区展现的性能,Web前端通过JS对专题图热区结果进行解析并封装,实现专题图的交互能力;
[0133]客户端向服务端请求专题图热区时,可以定制前端显示的专题信息,可以灵活的控制哪些专题信息可以显示,哪些不显示,灵活度较高;
[0134]客户端请求专题图时,服务端在生成专题图的同时,建立缓存机制,将专题图的数据缓存起来,当客户端再次向服务端请求专题图热区信息时,可以快速生成专题图热区信息结果并返回给客户端,性能得到大大提升。
[0135]如图1B所示,其中专题图为显示的各个省份,当前显示的是部分专题图,客户端会向服务器请求热区,针对这个场景,每个省份是一个热区。服务器会将当前显示的每个热区的第一位置信息和参数信息返回给客户端;
[0136]客户端收到后,若当前目标对象指示到陕西,则根据第一位置信息就可以确定对应的热区,并显示对应热区的参数信息,即图中的文字部分:
[0137]Name:湖北省
[0138]FieldName:A
[0139]FieldValue:500.000000
[0140]ID:30
[0141]如图2所示,本发明实施例二显示专题图热区的系统中的服务器包括:
[0142]热区确定模块200,用于根据收到的来自客户端的热区请求,确定至少一个需要显示的热区;
[0143]参数确定模块210,用于确定至少一个需要显示的热区对应的第一范围信息和参数信息;
[0144]发送模块220,用于将确定的第一范围信息和参数信息返回给所述客户端,以使所述客户端根据所述第一范围信息确定当前需要显示的热区,并根据当前需要显示的热区对应的参数信息进行热区显示操作。
[0145]较佳地,所述服务器还包括:
[0146]生成模块230,用于根据收到的来自客户端的专题图参数,生成专题图,并向所述客户端返回生成的专题图。
[0147]较佳地,所述热区确定模块200具体用于:
[0148]若所述热区请求中包括当前显示的专题图的第二范围信息,根据第二范围信息,确定当前显示的专题图的范围;将在所述当前显示的专题图的范围中的热区作为需要显示的热区;或
[0149]若所述热区请求中包括目标对象在专题图中的坐标信息,将包括所述坐标信息的热区作为需要显示的热区。
[0150]较佳地,所述热区确定模块200还用于:
[0151]根据收到的来自所述客户端的热区参数,确定每个热区以及每个热区对应的第一范围信息和参数信息,并缓存每个热区对应的第一范围信息和参数信息。
[0152]如图3所示,本发明实施例三显示专题图热区的系统中的客户端包括:
[0153]请求模块300,用于向服务器发送热区请求,以使所述服务器根据所述热区请求确定至少一个需要显示的热区;
[0154]接收模块310,用于接收来自所述服务器的至少一个需要显示的热区对应的第一范围信息和参数信息;
[0155]显示模块320,用于根据所述第一范围信息确定当前需要显示的热区,并根据当前需要显示的热区对应的参数信息进行热区显示操作。
[0156]较佳地,所述请求模块300还用于:
[0157]向所述服务器发送专题图参数,以使所述服务器根据所述专题图参数生成专题图;
[0158]所述显示模块320还用于:
[0159]显示所述服务器返回的专题图。
[0160]较佳地,所述请求模块300还用于:
[0161]根据当前显示的专题图的范围,生成第二范围信息,并将所述第二范围信息作为热区请求;或
[0162]确定目标对象在专题图中的坐标信息,并将所述坐标信息作为热区请求。
[0163]基于同一发明构思,本发明实施例中还提供了一种显示专题图热区的方法,由于该方法对应的设备是本发明实施例显示专题图热区的系统中的设备,并且该方法解决问题的原理与系统相似,因此该方法的实施可以参见系统的实施,重复之处不再赘述。
[0164]如图4所示,本发明实施例四显示专题图热区的方法包括:
[0165]步骤401、服务器根据收到的来自客户端的热区请求,确定至少一个需要显示的热区;
[0166]步骤402、所述服务器确定至少一个需要显示的热区对应的第一范围信息和参数信息;
[0167]步骤403、所述服务器将确定的第一范围信息和参数信息返回给所述客户端,以使所述客户端根据所述第一范围信息确定当前需要显示的热区,并根据当前需要显示的热区对应的参数信息进行热区显示操作。
[0168]较佳地,所述服务器根据收到的来自客户端的热区请求,确定至少一个需要显示的热区之前,还包括:
[0169]所述服务器根据收到的来自客户端的专题图参数,生成专题图,并向所述客户端返回生成的专题图。
[0170]较佳地,所述服务器根据收到的来自客户端的热区请求,确定至少一个需要显示的热区,包括:
[0171]若所述热区请求中包括当前显示的专题图的第二范围信息,所述服务器根据第二范围信息,确定当前显示的专题图的范围;将在所述当前显示的专题图的范围中的热区作为需要显示的热区;或
[0172]若所述热区请求中包括目标对象在专题图中的坐标信息,所述服务器将包括所述坐标信息的热区作为需要显示的热区。
[0173]较佳地,所述服务器根据收到的来自客户端的热区请求,确定至少一个需要显示的热区之前,还包括:
[0174]所述服务器根据收到的来自所述客户端的热区参数,确定每个热区以及每个热区对应的第一范围信息和参数信息,并缓存每个热区对应的第一范围信息和参数信息。
[0175]如图5所示,本发明实施例五显示专题图热区的方法包括:
[0176]步骤501、客户端向服务器发送热区请求,以使所述服务器根据所述热区请求确定至少一个需要显示的热区;
[0177]步骤502、所述客户端接收来自所述服务器的至少一个需要显示的热区对应的第一范围信息和参数信息;
[0178]步骤503、所述客户端根据所述第一范围信息确定当前需要显示的热区,并根据当前需要显示的热区对应的参数信息进行热区显示操作。
[0179]较佳地,所述客户端向服务器发送热区请求之前,还包括:
[0180]所述客户端向所述服务器发送专题图参数,以使所述服务器根据所述专题图参数生成专题图;
[0181 ] 所述客户端显示所述服务器返回的专题图。
[0182]较佳地,所述客户端向服务器发送热区请求之前,还包括:
[0183]所述客户端根据当前显示的专题图的范围,生成第二范围信息,并将所述第二范围信息作为热区
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1