地图底图的可视化页面缩放方法、装置和电子设备制造方法及图纸

本发明专利技术实施例提供一种地图底图的可视化页面缩放方法、装置和电子设备，属于大屏显示技术领域。该方法包括：对地图底图的可视化页面进行布局划分，将可视化页面划分为顶部容器、底部容器、左部容器、右部容器和地图底图；基于目标大屏显示器的分辨率和可视化页面的分辨率确定缩放比例，并基于缩放比例对可视化页面进行缩放；在对可视化页面进行缩放后，基于目标大屏显示器的分辨率确定顶部容器、底部容器、左部容器和右部容器中需要调整布局的容器并进行布局调整；根据地图底图的矢量缩放属性，基于目标大屏显示器的分辨率对地图底图进行全屏显示。该方法无需重复开发，可以全屏显示已经配置好的可视化页面，并且可视化页面的元素不会发生变形。元素不会发生变形。元素不会发生变形。

【技术实现步骤摘要】
地图底图的可视化页面缩放方法、装置和电子设备


[0001]本专利技术涉及大屏显示
，尤其涉及一种地图底图的可视化页面缩放方法、装置和电子设备。

技术介绍

[0002]近些年数据可视化成为了热词，数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。在大数据时代，可视化大屏能够帮助用户快速理解数据、知晓当下业务情况，以便做出合适的决策。
[0003]大屏显示器的分辨率多种多样，例如大屏显示器的分辨率可以为1920
×
1080、3840
×
1080或5760
×
2160等。基于此，已经配置好的可视化页面在不同的大屏显示器上进行投放时，通常面临着分辨率差异太大且长宽比与可视化页面的长宽比不是等比例的情况。
[0004]此时，如果按照大屏显示器的分辨率进行全屏铺面则会导致可视化页面中的元素变形的情况；如果按照某一比例对可视化页面进行等比例缩放，则会出现大屏显示器留白的情况，即可视化页面没有布满整个屏幕；如果针对不同的大屏显示器分别开发适应大屏显示器分辨率的可视化页面，则大大的增加了可视化页面开发的工作量。

技术实现思路

[0005]本专利技术提供一种地图底图的可视化页面缩放方法、装置和电子设备，用以解决现有技术中可视化页面缩放变形、缩放留白和针对分辨率不同重复开发可视化页面造成的工作量大的问题，实现在无需重复开发的情况下在目标大屏显示器上全屏显示已经配置好的地图底图的可视化页面，并且全屏显示后该可视化页面的元素不会发生变形。<br/>[0006]本专利技术提供一种地图底图的可视化页面缩放方法，包括：对地图底图的可视化页面进行布局划分，将所述可视化页面划分为顶部容器、底部容器、左部容器、右部容器和地图底图；基于目标大屏显示器的分辨率和所述可视化页面的分辨率确定缩放比例，并基于所述缩放比例对所述可视化页面进行缩放；在对所述可视化页面进行缩放后，基于所述目标大屏显示器的分辨率确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中需要调整布局的容器并进行布局调整；根据所述地图底图的矢量缩放属性，基于所述目标大屏显示器的分辨率对所述地图底图进行缩放。
[0007]根据本专利技术提供的一种地图底图的可视化页面缩放方法，所述对地图底图的可视化页面进行布局划分，将所述可视化页面划分为顶部容器、底部容器、左部容器、右部容器和地图底图，包括：对所述可视化页面进行布局划分，将所述可视化页面中靠近顶部的标题部分整体
划分为所述顶部容器，将所述可视化页面中靠近底部的组件部分划分为所述底部容器，将所述可视化页面中靠近左部的组件部分划分为所述左部容器，将所述可视化页面中靠近右部的组件部分划分为所述右部容器，将所述可视化页面中的地图背景划分为地图底图。
[0008]根据本专利技术提供的一种地图底图的可视化页面缩放方法，所述基于目标大屏显示器的分辨率和所述可视化页面的分辨率确定缩放比例，包括：计算所述目标大屏显示器的分辨率的长相对所述可视化页面的分辨率的长的第一比例；计算所述目标大屏显示器的分辨率的宽相对所述可视化页面的分辨率的宽的第二比例；在所述第一比例和所述第二比例中，选取值最小的作为缩放比例。
[0009]根据本专利技术提供的一种地图底图的可视化页面缩放方法，所述基于所述缩放比例对所述可视化页面进行缩放，包括：基于所述缩放比例对所述可视化页面进行等比例缩放。
[0010]根据本专利技术提供的一种地图底图的可视化页面缩放方法，所述基于所述目标大屏显示器的分辨率确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中需要调整布局的容器并进行布局调整，包括：基于所述目标大屏显示器的分辨率，分别确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器位于所述目标大屏显示器的屏幕中的位置；基于所述顶部容器、所述底部容器、所述左部容器和所述右部容器分别位于所述目标大屏显示器的屏幕中的位置，确定需要调整布局的容器并进行布局调整。
[0011]根据本专利技术提供的一种地图底图的可视化页面缩放方法，基于所述顶部容器、所述底部容器、所述左部容器和所述右部容器分别位于所述目标大屏显示器的屏幕中的位置，确定需要调整布局的容器并进行布局调整，包括：基于所述顶部容器、所述底部容器、所述左部容器和所述右部容器分别位于所述目标大屏显示器的屏幕中的位置，分别确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中距离对应的屏幕边缘第一预设距离以上的容器；对距离对应的屏幕边缘第一预设距离以上的容器进行第一布局调整；基于所述顶部容器、所述底部容器、所述左部容器和所述右部容器分别位于所述目标大屏显示器的屏幕中的位置，分别确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中距离相邻的屏幕边缘第二预设距离以上的容器；对距离相邻的屏幕边缘第二预设距离以上的容器进行第二布局调整。
[0012]根据本专利技术提供的一种地图底图的可视化页面缩放方法，所述基于所述目标大屏显示器的分辨率对所述地图底图进行缩放，包括：将所述地图底图的中心确定为所述目标大屏显示器的屏幕的中心；固定所述地图底图的中心，基于所述目标大屏显示器的分辨率确定所述地图底图的显示尺寸；基于所述显示尺寸对所述地图底图进行缩放。
[0013]本专利技术还提供一种地图底图的可视化页面缩放装置，包括：布局单元，用于对地图底图的可视化页面进行布局划分，将所述可视化页面划分
为顶部容器、底部容器、左部容器、右部容器和地图底图；缩放单元，用于基于目标大屏显示器的分辨率和所述可视化页面的分辨率确定缩放比例，并基于所述缩放比例对所述可视化页面进行缩放；调整单元，用于在对所述可视化页面进行缩放后，基于所述目标大屏显示器的分辨率确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中需要调整布局的容器并进行布局调整；地图单元，用于根据所述地图底图的矢量缩放属性，基于所述目标大屏显示器的分辨率对所述地图底图进行缩放。
[0014]本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述地图底图的可视化页面缩放方法。
[0015]本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述地图底图的可视化页面缩放方法。
[0016]本专利技术还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述地图底图的可视化页面缩放方法。
[0017]本专利技术提供的地图底图的可视化页面缩放方法、装置和电子设备，通过基于目标大屏显示器的分辨率和可视化页面的分辨率确定缩放比例并对可视化页面进行初步缩放后，基于地图底图的矢量缩放属性，针对目标大屏显示器使地图底图能够全屏显示，进而再根据目标大屏显示器的分辨率对划分的各容器进行布局调整，使得可视化页面在无需重新开发的前提下，可以无留白全屏显示，并且可视化页面中的元素也不会发生变形。
附图说明
[0018]为本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种地图底图的可视化页面缩放方法，其特征在于，包括：对地图底图的可视化页面进行布局划分，将所述可视化页面划分为顶部容器、底部容器、左部容器、右部容器和地图底图；基于目标大屏显示器的分辨率和所述可视化页面的分辨率确定缩放比例，并基于所述缩放比例对所述可视化页面进行缩放；在对所述可视化页面进行缩放后，基于所述目标大屏显示器的分辨率确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中需要调整布局的容器并进行布局调整；根据所述地图底图的矢量缩放属性，基于所述目标大屏显示器的分辨率对所述地图底图进行缩放。2.根据权利要求1所述的地图底图的可视化页面缩放方法，其特征在于，所述对地图底图的可视化页面进行布局划分，将所述可视化页面划分为顶部容器、底部容器、左部容器、右部容器和地图底图，包括：对所述可视化页面进行布局划分，将所述可视化页面中靠近顶部的标题部分整体划分为所述顶部容器，将所述可视化页面中靠近底部的组件部分划分为所述底部容器，将所述可视化页面中靠近左部的组件部分划分为所述左部容器，将所述可视化页面中靠近右部的组件部分划分为所述右部容器，将所述可视化页面中的地图背景划分为地图底图。3.根据权利要求1所述的地图底图的可视化页面缩放方法，其特征在于，所述基于目标大屏显示器的分辨率和所述可视化页面的分辨率确定缩放比例，包括：计算所述目标大屏显示器的分辨率的长相对所述可视化页面的分辨率的长的第一比例；计算所述目标大屏显示器的分辨率的宽相对所述可视化页面的分辨率的宽的第二比例；在所述第一比例和所述第二比例中，选取值最小的作为缩放比例。4.根据权利要求3所述的地图底图的可视化页面缩放方法，其特征在于，所述基于所述缩放比例对所述可视化页面进行缩放，包括：基于所述缩放比例对所述可视化页面进行等比例缩放。5.根据权利要求1至4任一项所述的地图底图的可视化页面缩放方法，其特征在于，所述基于所述目标大屏显示器的分辨率确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器中需要调整布局的容器并进行布局调整，包括：基于所述目标大屏显示器的分辨率，分别确定所述顶部容器、所述底部容器、所述左部容器和所述右部容器位于所述目标大屏显示器的屏幕中的位置；基于所述顶部容器、所述底部容器、所述左部容器和所述右部容器分别位于所述目标大屏显示器的屏幕中的位置，确定需要调整布局的容器并进行布局调整。6....

【专利技术属性】
技术研发人员：余海强，孔忠勇，汤子楠，
申请(专利权)人：云粒智慧科技有限公司，
类型：发明
国别省市：