可视化屏幕的地图展示方法、装置、设备及介质与流程

1.本发明涉及数据处理技术领域，尤其涉及一种可视化屏幕的地图展示方法、装置、设备及介质。


背景技术：

2.可视化屏幕是一种非常有效的数据可视化工具，它可以将业务的关键指标以可视化的方式展示到一个或多个显示屏幕上，不仅使业务人员能够从复杂的业务数据中快速、直接地找到重要数据，而且能对决策者起到辅助作用。gis：即地理信息系统(geographicinformation system或geo－information system，gis)，有时又称为“地学信息系统”或“资源与环境信息系统”。它是一种特定的十分重要的空间信息系统。描述了集成，存储，编辑，分析，共享和显示地理信息的任何信息系统。
3.在可视化屏幕领域，特别是应用在智慧交通、智慧城市数据展示时，很多时候不仅仅展示一些数据图表，还需要通过地图展示一些gis信息。但是现在可视化屏幕适配方案中，基本都是在最外层容器采用缩放属性影响内部所有元素进行比例缩放，但是如果该项目需要使用高德地图或者百度地图时，此适配方案会导致地图比例失真，同时鼠标在地图上进行放大缩小展示时，鼠标位置和中心点会存在很大偏移。


技术实现要素：

4.为了克服上述技术缺陷，本发明的目的在于提供一种可视化屏幕的地图展示方法、装置、设备及介质，解决现有可视化屏幕展示地图时比例失真，模糊不清的问题。
5.本发明公开了一种可视化屏幕的地图展示方法，包括：
6.获取可视化屏幕的尺寸设置一最外层容器的缩放属性，并反向确定地图容器的缩放属性；
7.根据所述地图容器缩放的属性调整地图页面的缩放标签，获得地图页面的缩放参数；
8.设定地图容器的初始缩放属性，获得所述地图页面的缩放基准值和浮动系数；
9.对最外层容器进行多次缩放，并同步获得地图页面的缩放参数，根据所述地图页面的缩放基准值和浮动系数，生成地图页面的缩放参数与地图容器的缩放属性关系函数；
10.获取地图页面的展示参数，计算目标最外层容器的缩放属性，并根据所述关系函数基于所述目标最外层容器的缩放属性动态计算目标地图页面缩放参数，以将地图展示于可视化屏幕上。
11.优选地，所述地图页面的缩放参数与地图容器的缩放属性关系函数为：
12.x＝μ-(a-1)
×
θ
13.其中，x为地图页面的缩放参数；μ为地图页面的缩放基准值；θ为浮动系数；a为所述地图容器缩放属性中长或宽缩放比例的较大值。
14.优选地，在设定地图容器的初始缩放属性后，且获得所述地图页面的缩放基准值
和浮动系数前，还包括：
15.对地图页面进行缩放调整，并同步更新所述地图页面的缩放标签。
16.优选地，所述地图容器的初始缩放属性设置为使得地图容器长和宽等比缩放。
17.优选地，所述调整地图页面的缩放标签时调用setzoom接口。
18.本发明还提供一种可视化屏幕的地图展示装置，包括：
19.第一计算模块，用于获取可视化屏幕的尺寸设置一最外层容器的缩放属性，并反向确定地图容器的缩放属性；
20.第二计算计算模块，用于根据所述地图容器缩放的属性调整地图页面的缩放标签，获得地图页面的缩放参数；
21.参数确定模块，用于设定地图容器的初始缩放属性，获得所述地图页面的缩放基准值和浮动系数；
22.处理模块，用于对最外层容器进行多次缩放，并同步获得地图页面的缩放参数，根据所述地图页面的缩放基准值和浮动系数，生成地图页面的缩放参数与地图容器的缩放属性关系函数；
23.执行模块，获取地图页面的展示参数，计算目标最外层容器的缩放属性，并根据所述关系函数基于所述目标最外层容器的缩放属性动态计算目标地图页面缩放参数，以将地图展示于可视化屏幕上。
24.优选地，在所述处理模块下，生成的地图页面的缩放参数与地图容器的缩放属性关系函数为：
25.x＝μ-(a-1)
×
θ
26.其中，x为地图页面的缩放参数；μ为地图页面的缩放基准值；θ为浮动系数；a为所述地图容器的缩放属性中长或宽缩放比例的较大值。
27.优选地，还包括：
28.调整模块，用于在设定地图容器的初始缩放属性后，且获得所述地图页面的缩放基准值和浮动系数前，对地图页面进行缩放调整，并同步更新所述地图页面的缩放标签。
29.本发明还公开一种计算机设备，其包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于：所述计算机设备的处理器执行所述计算机程序时实现所述地图展示方法的步骤。
30.本发明还公开一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现所述地图展示方法的步骤。
31.采用了上述技术方案后，与现有技术相比，具有以下有益效果：
32.本方案中首先确定地图容器的缩放属性与可视化屏幕最外层容器的缩放属性的对应关系，根据地图容器的缩放属性对地图页面进行缩放，以获得对应的地图页面的缩放参数，并根据预设的地图容器的初始缩放属性就按地图页面的缩放基准值和浮动系数，而后对最外层容器的缩放属性进行多次调整，以生成地图页面的缩放参数与地图容器的缩放属性在确定的缩放基准值、浮动系数下的关系函数，最后根据可视化屏幕尺寸与地图页面的展示参数计算地图页面的缩放参数，以使得地图清晰且比例正常的展示在可视化屏幕上，解决现有可视化屏幕展示地图时比例失真，模糊不清的问题。
附图说明
33.图1为本发明所述可视化屏幕地图展示方法实施例一的流程图；
34.图2本发明所述可视化屏幕地图展示方法实施例一中用于体现最外层容器与地图容器位置关系的流程图；
35.图3为本发明所述可视化屏幕地图展示装置实施例二的程序模块示意图；
36.图4为本发明计算机设备实施例三中计算机设备的硬件结构示意图。
37.附图标记：6-可视化屏幕的地图展示装置；61-第一计算模块；62-第二计算计算模块；63-参数确定模块；64-处理模块；65-执行模块
具体实施方式
38.以下结合附图与具体实施例进一步阐述本发明的优点。
39.这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
40.在本公开使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
41.应当理解，尽管在本公开可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本公开范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在
……
时”或“当
……
时”或“响应于确定”。
42.在本发明的描述中，需要理解的是，术语“纵向”、“横向”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。
43.在本发明的描述中，除非另有规定和限定，需要说明的是，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是机械连接或电连接，也可以是两个元件内部的连通，可以是直接相连，也可以通过中间媒介间接相连，对于本领域的普通技术人员而言，可以根据具体情况理解上述术语的具体含义。
44.在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身并没有特定的意义。因此，“模块”与“部件”可以混合地使用。
45.实施例一：本实施例提供一种可视化屏幕的地图展示方法，用于使得地图与可视化屏幕适配，参考图1和图2，最外层容器为可视化屏幕，其他图标组件为地图页面展示需要其他组件，根据实际使用场景设置，具体的，该方法包括以下步骤：
46.s100：获取可视化屏幕的尺寸设置一最外层容器的缩放属性，并反向确定地图容器的缩放属性；
47.具体的，最外层容器的缩放属性与地图容器的缩放属性设置为反向，其主要是为了使得地图达到保持初始大小，不受最外层容器影响的效果，以减少再次过程中缩放导致的地图模糊。作为举例而非限定的，假设根据可视化屏幕的尺寸获取到最外层容器缩放属性值为transform:scale(1,0.5)，其代表地图在可视化屏幕上展示时整体宽度不变，高度缩小一倍。在地图容器上添加属性transform:scale(1,2)，从而对地图进行反向放大，使其宽度不变，高度放大2倍。
48.s200：根据所述地图容器的缩放属性调整地图页面的缩放标签，获得地图页面的缩放参数；
49.在上述步骤中，所述缩放标签为setzoom标签，作为举例而非限定的，以高德地图 2.0版本为例，提供了开发者通过setzoom标签设置地图缩小或者放大比例的zoom属性， zoom属性是ie浏览器的专有属性，即地图页面所在的地图页面，它可以设置或检索对象的缩放比例。因此所述调整地图页面的缩放标签时调用setzoom接口。
50.s300：设定地图容器的初始缩放属性，获得所述地图页面的缩放基准值和浮动系数；
51.具体的，所述地图容器的初始缩放属性设置为使得地图容器长和宽等比缩放。即缩放比例为1:1，如前述例子，设地图最大尺寸为1920*1080，此时初始缩放属性为 transform:scale(1,1)，可通过高德地图提供的getzoom方法获取此时地图页面的缩放参数即为地图页面基准值为11.2，同时也可getzoom直接获取浮动系数1.1。
52.s400：对最外层容器进行多次缩放，并同步获得地图页面的缩放参数，根据所述地图页面的缩放基准值和浮动系数，生成地图页面的缩放参数与地图容器的缩放属性关系函数；
53.具体的，对最外层容器进行多次缩放，可以通过地图页面所在浏览器的开发者调试工具对最外层容器进行操作，设地图容器的属性值为transform:scale(1,2)，此时调用setzoom标签进行缩放，并根据getzoom获取此时地图页面的缩放参数为10.1。还可选择其他的缩放比例对最外层容器进行多次缩放，为了方便计算，使其使其缩放属性为 transform:scale(1,0.25)，地图容器的缩放属性则同步为transform:scale(1,4)，此时获取地图页面的缩放参数约为7.89。为了计算更加准确，可以继续调整比例获取更多缩放参数。
54.为了清楚阐述的，以下表为例：
[0055][0056]
[0057]
基于上述表格中的地图容器的缩放属性和地图页面的缩放参数可推到出两者的函数关系，x＝11.2-(a-1)
×
1.1，其中11.2为地图页面的缩放基准值，a为地图容器的缩放属性scale(1,1)中长和宽中最大的值，1为基准缩放比例，1.1为浮动系数，x为地图页面的缩放参数，其中地图页面的缩放基准值和浮动系数可根据不同的地图页面和不同的可视化屏幕适应性变动。
[0058]
基于上述，可获得所述地图页面的缩放参数与地图容器的缩放属性关系函数为：
[0059]
x＝μ-(a-1)
×
θ
[0060]
其中，x为地图页面的缩放参数；μ为地图页面的缩放基准值；θ为浮动系数；a为所述地图容器缩放属性中长或宽缩放比例的较大值。
[0061]
在本实施方式中，基于上述多次进行对最外层容器的缩放，获取该可视化屏幕展示过程中任一地图页面的缩放参数与地图容器的缩放属性的关系函数，即可根据可视化屏幕尺寸与地图页面的展示参数计算出最外层容器的缩放属性，而后确定地图容器的缩放属性，最终获得地图页面的缩放参数，对地图页面进行缩放处理，以使得地图清晰且比例正常的展示在可视化屏幕上。
[0062]
进一步的，在本实施方式中，上述采用setzoom标签对地图容器的缩放属性进行修改，为了进一步提高获得缩放基准值和浮动系数的准确性，在设定地图容器的初始缩放属性后，且获得所述地图页面的缩放基准值和浮动系数前，还包括：对地图页面进行缩放调整，并同步更新所述地图页面的缩放标签，该缩放调整可以是手动调整，也可以是设置一指令，以使得地图容器的初始缩放属性保持在1:1，进而减少误差导致的适配效果差的问题。
[0063]
s500：获取地图页面的展示参数，计算目标最外层容器的缩放属性，并根据所述关系函数基于所述目标最外层容器的缩放属性动态计算目标地图页面缩放参数，以将地图展示于可视化屏幕上。
[0064]
在上述步骤中，如上述，在获取地图页面的展示参数后，可根据可视化屏幕的尺寸计算出长宽缩放比率(即可视化屏幕尺寸与地图尺寸在长和宽上分别的比值)，该缩放比率即为最外层容器的缩放属性，由此反向计算出地图容器的缩放属性，最后根据上述关系函数计算获得目标地图页面缩放参数，根据该目标地图页面缩放参数对地图进行缩放后，展示在可视化屏幕上，以达到同步缩放适配效果。通过单独设置地图页面的缩放参数，与常规的可视化屏幕仅仅依据尺寸直接设置缩放比例相比，本实施方式可以解决地图失真，中心点聚焦偏移太大的问题。
[0065]
实施例二：本实施例提供一种可视化屏幕的地图展示装置6，包括：
[0066]
第一计算模块61，用于获取可视化屏幕的尺寸，设置一最外层容器的缩放属性，并反向确定地图容器的缩放属性；
[0067]
需要强调的是，最外层容器的缩放属性与地图容器的缩放属性设置为反向，其主要是为了使得地图达到保持初始大小，不受最外层容器影响的效果
[0068]
第二计算计算模块62，用于根据所述地图容器缩放的属性调整地图页面的缩放标签，获得地图页面的缩放参数；
[0069]
具体的，调整地图页面的缩放标签，为setzoom标签，调整地图页面的缩放标签时直接调用setzoom接口。
[0070]
参数确定模块63，用于设定地图容器的初始缩放属性，获得所述地图页面的缩放
基准值和浮动系数；具体的，所述地图容器的初始缩放属性设置为使得地图容器长和宽等比缩放。
[0071]
具体的，设置初始缩放比例为1:1，利用getzoom接口可获取此时地图页面的缩放基准值和浮动系数。
[0072]
处理模块64，用于对最外层容器进行多次缩放，并同步获得地图页面的缩放参数，根据所述地图页面的缩放基准值和浮动系数，生成地图页面的缩放参数与地图容器的缩放属性关系函数；
[0073]
具体的，在所述处理模块下，生成的地图页面的缩放参数与地图容器的缩放属性关系函数为：
[0074]
x＝μ-(a-1)
×
θ
[0075]
其中，x为地图页面的缩放参数；μ为地图页面的缩放基准值；θ为浮动系数；a为所述地图容器的缩放属性中长或宽缩放比例的较大值。
[0076]
执行模块65，用于获取地图页面的展示参数，计算目标最外层容器的缩放属性，并根据所述关系函数基于所述目标最外层容器的缩放属性动态计算目标地图页面缩放参数，以将地图展示于可视化屏幕上。
[0077]
具体的，在获取地图页面的展示参数后，可根据可视化屏幕的尺寸计算出长宽缩放比率，该缩放比率即为最外层容器的缩放属性，由此计算出地图容器的缩放属性，最后根据关系函数获得目标地图页面缩放参数，对地图进行缩放后，展示在可视化屏幕上。
[0078]
具体的，所述地图展示装置还包括：
[0079]
调整模块66，用于在设定地图容器的初始缩放属性后，且获得所述地图页面的缩放基准值和浮动系数前，对地图页面进行缩放调整，并同步更新所述地图页面的缩放标签。用于进一步提高获得的缩放基准值和浮动系数的准确性，调整后使得地图容器的初始缩放属性准确保持在1:1，进而减少误差导致的适配效果差的问题。
[0080]
在上述实施方式中，采用第一计算模块61确定地图容器的缩放属性与最外层容器的缩放属性的对应关系并计算，而后采用第二计算计算模块62通过对地图页面进行缩放调整确定所设置的最外层容器的缩放属性对应的地图页面的缩放参数，由参数确定模块 63根据预设的地图容器的初始缩放属性确定地图页面的缩放基准值和浮动系数，再利用处理模块64对最外层容器的缩放属性进行调整，并生成地图页面的缩放参数与地图容器的缩放属性、缩放基准值、浮动系数关系函数，最后执行模块65可根据可视化屏幕尺寸与地图页面的展示参数计算出最外层容器的缩放属性，而后确定地图容器的缩放属性，最终获得地图页面的缩放参数，对地图页面进行缩放处理，以使得地图清晰且比例正常的展示在可视化屏幕上，解决现有可视化屏幕展示地图时比例失真，模糊不清的问题。进一步的，为了在此过程中，避免由于缩放基准值、浮动系数产生的误差，在计算地图页面的缩放基准值和浮动系数过程中还可采用调整模块66对设定地图容器的初始缩放属性后的地图页面再次进行调整，进一步提高地图与可视化屏幕的适配率。
[0081]
实施例三：
[0082]
为实现上述目的，本发明还提供一种计算机设备7，如图4所示，计算机设备可以是执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)
等。本实施例的计算机设备至少包括但不限于：可通过系统总线相互通信连接的存储器71、处理器72，如图4所示。需要指出的是，图4仅示出了具有组件的计算机设备，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。
[0083]
本实施例中，存储器71包括闪存、硬盘、多媒体卡、卡型存储器(例如，sd或dx 存储器等)、随机访问存储器(ram)、静态随机访问存储器(sram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、可编程只读存储器(prom)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器71可以是计算机设备的内部存储单元，例如该计算机设备的硬盘或内存。在另一些实施例中，存储器71也可以是计算机设备的外部存储设备，例如该计算机设备上配备的插接式硬盘，智能存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)等。当然，存储器71还可以既包括计算机设备的内部存储单元也包括其外部存储设备。本实施例中，存储器71通常用于存储安装于计算机设备的操作系统和各类应用软件，例如实施例一的可视化屏幕的地图展示方法的程序代码、地图页面等。此外，存储器71还可以用于暂时地存储已经输出或者将要输出的各类数据。
[0084]
处理器72在一些实施例中可以是中央处理器(central processing unit，cpu)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器72通常用于控制计算机设备的总体操作。本实施例中，处理器72用于运行存储器71中存储的程序代码或者处理数据，例如运行可视化屏幕的地图展示装置6，以实现实施例一的可视化屏幕的地图展示方法。
[0085]
实施例四：
[0086]
为实现上述目的，本发明还提供一种计算机可读存储系统，其包括多个存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，sd或dx存储器等)、随机访问存储器(ram)、静态随机访问存储器(sram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、可编程只读存储器(prom)、磁性存储器、磁盘、光盘、服务器、app应用商城等等，其上存储有计算机程序，程序被处理器72执行时实现相应功能。本实施例的计算机可读存储介质用于存储数据保存查询装置，被处理器72执行时实现实施例一可视化屏幕的地图展示方法。
[0087]
应当注意的是，本发明的实施例有较佳的实施性，且并非对本发明作任何形式的限制，任何熟悉该领域的技术人员可能利用上述揭示的技术内容变更或修饰为等同的有效实施例，但凡未脱离本发明技术方案的内容，依据本发明的技术实质对以上实施例所作的任何修改或等同变化及修饰，均仍属于本发明技术方案的范围内。
[0088]
应当注意的是，本发明的实施例有较佳的实施性，且并非对本发明作任何形式的限制，任何熟悉该领域的技术人员可能利用上述揭示的技术内容变更或修饰为等同的有效实施例，但凡未脱离本发明技术方案的内容，依据本发明的技术实质对以上实施例所作的任何修改或等同变化及修饰，均仍属于本发明技术方案的范围内。