CN108776669B - 地图显示方法、装置、计算机设备和存储介质 - Google Patents
地图显示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN108776669B CN108776669B CN201810426870.3A CN201810426870A CN108776669B CN 108776669 B CN108776669 B CN 108776669B CN 201810426870 A CN201810426870 A CN 201810426870A CN 108776669 B CN108776669 B CN 108776669B
- Authority
- CN
- China
- Prior art keywords
- map
- initial
- background
- container
- acquiring
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000004590 computer program Methods 0.000 claims description 24
- 238000001514 detection method Methods 0.000 claims description 7
- 230000008859 change Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000004040 coloring Methods 0.000 description 1
- 230000008602 contraction Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Instructional Devices (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请涉及一种地图显示方法、装置、计算机设备和存储介质。所述方法包括:检测当前显示地图的显示窗口的尺寸是否改变;当显示窗口的尺寸改变时,获取与当前显示地图对应的初始地图,并获取初始地图在显示窗口对应的容器中的第一位置;获取与初始地图对应的背景地图;根据第一位置调整背景地图在容器中的第二位置;其中,背景地图的边缘无留白区域。采用本方法能够提高当前显示地图的可控性。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种地图显示方法、装置、计算机设备和存储介质。
背景技术
随着数据技术的发展,人们经常会用到图标处理程序,如ECharts(商业级数据图表)进行图表的绘制,在ECharts中提供了地图组件,能够进行简单的地图绘制。传统情况下,纯粹使用ECharts绘制出来的地图,样式简单,陆地和海洋的界限不分明,可控性较差。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高地图可控性的地图显示方法、装置、计算机设备和存储介质。
一种地图显示方法,所述方法包括:
检测当前显示地图的显示窗口的尺寸是否改变;
当所述显示窗口的尺寸改变时,获取与所述当前显示地图对应的初始地图,并获取所述初始地图在所述显示窗口对应的容器中的第一位置;
获取与所述初始地图对应的背景地图;
根据所述第一位置调整所述背景地图在所述容器中的第二位置;其中,所述背景地图的边缘无留白区域。
在其中一个实施例中,所述当前显示地图的显示方式包括:
启动地图工具,并通过所述地图工具生成初始地图,将所述初始地图导入至容器中;
获取与所述初始地图对应的背景地图;
获取所述初始地图在所述容器中的初始位置,根据所述初始位置将所述背景地图导入至所述容器中;
隐藏所述初始地图,并根据所述容器显示当前显示地图。
在其中一个实施例中,所述根据所述第一位置调整与所述背景地图在所述容器中的第二位置,包括:
根据所述第一位置获取所述初始地图与所述容器的边框之间的第一距离;
根据所述第一距离获取背景地图在所述容器中的第二位置。
在其中一个实施例中,所述方法还包括:
当当前显示地图的显示窗口的尺寸未改变时,检测所述初始地图在所述容器中的第一位置是否改变;
当所述第一位置改变时,获取所述初始地图在所述容器中第三位置;
获取与所述初始地图对应的背景地图;
根据所述第三位置调整所述背景地图在所述容器中的第四位置。
在其中一个实施例中,所述根据所述第一位置调整所述背景地图在所述容器中的第二位置之后,还包括:
显示隐藏的所述初始地图;
检测所述初始地图与所述背景地图是否重合;
当所述初始地图与所述背景地图不重合时,接收输入的针对所述背景地图的位置调整指令;
根据所述位置调整指令调整所述背景地图在所述容器中的位置;
接收针对所述初始地图的隐藏指令;
根据所述隐藏指令隐藏所述初始地图。
在其中一个实施例中,所述检测所述初始地图与所述背景地图是否重合之后,还包括:
当所述初始地图与所述背景地图重合,隐藏所述初始地图。
一种地图显示装置,所述装置包括:
检测模块,用于检测当前显示地图的显示窗口的尺寸是否改变;
初始地图定位模块,用于当所述显示窗口的尺寸改变时,获取与所述当前显示地图对应的初始地图,并获取所述初始地图在所述显示窗口对应的容器中的第一位置;
背景地图获取模块,用于获取与所述初始地图对应的背景地图;
背景地图定位模块,用于根据所述第一位置调整所述背景地图在所述容器中的第二位置;其中,所述背景地图的边缘无留白区域。
在其中一个实施例中,所述装置还包括:
初始地图模块,用于启动地图工具,并通过所述地图工具生成初始地图,将所述初始地图导入至容器中;
背景地图模块,用于获取与所述初始地图对应的背景地图;
导入定位模块,用于获取所述初始地图在所述容器中的初始位置,根据所述初始位置将所述背景地图导入至所述容器中;
显示模块,用于隐藏所述初始地图,并根据所述容器显示当前显示地图。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。
上述地图显示方法、装置、计算机设备和存储介质,通过使用绘制的背景地图代替图表处理程序中的地图工具生成的初始地图,在容器的窗口尺寸变化时,根据变化后的初始地图在容器中的第一位置重新对背景地图在容器中的第二位置进行调整,使得根据第二位置显示的背景地图能够与变化后的初始地图在容器中的第一位置保持一致,提高当前显示地图的可控性。
附图说明
图1为一个实施例中地图显示方法的应用场景图;
图2为一个实施例中地图显示方法的流程示意图;
图3为一个实施例中调整步骤的流程示意图;
图4为一个实施例中地图显示装置的结构框图;
图5为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的地图显示方法,可以应用于如图1所示的应用环境中。其中,终端通过网络与服务器进行通信。终端从服务器接收当前显示地图对应的背景地图等相关数据,在终端的显示窗口上显示当前显示地图,当显示窗口的尺寸改变时,通过当前显示地图的初始地图在显示窗口对应的容器中的第一位置调整背景地图在容器中的第二位置。通过此地图显示方法,提高当前显示地图的可控性。其中,终端可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中,如图2所示,提供了一种地图显示方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
S202,检测当前显示地图的显示窗口的尺寸是否改变。
其中,当前显示地图是终端将获取的背景地图与通过地图工具生成的初始地图结合起来得到的显示在终端的显示窗口的地图;例如,当初始地图为采用 Echarts的地图绘制工具绘制的中国地图时,为了获得更高可控性、显示效果更好的当前显示地图,技术人员按照Echarts的地图绘制工具绘制的中国地图为标准以1:1的比例绘制更方便查看的背景地图,然后将背景地图与初始地图重合显示,隐藏初始地图后得到当前显示地图,该当前显示地图为初始地图的定位信息与背景地图结合得到。
具体地,终端已经将当前显示地图显示在显示窗口上之后,当终端检测到当前显示地图的显示窗口的尺寸发生变化时,则初始地图会随着显示窗口的尺寸的变化而发生伸缩,但与初始地图对应的背景地图则无法随着初始地图的伸缩而发生同等程度的伸缩,从而会导致显示出现紊乱的现象。
例如,当当前显示地图的显示格式时HTML(HyperText Markup Language 超文本标记语言)时,终端可以通过设置函数addEvenetListener(resize)监控容器显示窗口对应容器的窗口尺寸是否改变。
S204,当显示窗口的尺寸改变时,获取与当前显示地图对应的初始地图,并获取初始地图在显示窗口对应的容器中的第一位置。
其中,容器为盛放当前显示地图的地址,即与当前显示地图对应的背景地图和初始地图都存在与容器中;如当当前显示地图的显示格式时HTML,则容器为DOM(DocumentObject Model文件对象模型)元素。
初始地图是地图工具绘制的地图,包含经纬度坐标,技术人员可以根据初始地图上的经纬度坐标对初始地图上的具体地点进行定位;如通过Echarts的地图绘制工具绘制的中国地图等。
第一位置是显示窗口的尺寸改变后,初始地图在容器中的位置,可以通过初始地图与容器边框之间的距离进行表示等。
具体地,当终端检测到显示窗口的尺寸发生改变时,则需要根据显示窗口的尺寸改变后的初始地图在显示窗口的位置,调整背景地图在显示窗口中的位置。而初始地图是被放置在容器中,从而显示在显示窗口中的,故需要获取初始地图在显示窗口对应的容器中的第一位置。
S206,获取与初始地图对应的背景地图。
其中,背景地图是当前显示地图的背景图片,与初始地图相对应,是设计人员根据初始地图绘制的同比例的地图,再在此基础上制作投影、加色、描边等处理,制作出符合初始地图比例、且显示效果更好的背景地图;如当初始地图是通过Echarts的地图绘制工具绘制的中国地图时,则背景地图为技术人员按照Echarts的地图绘制工具绘制的中国地图为标准以1:1的比例绘制的中国地图。
具体地,在步骤S204中获取到显示窗口的尺寸改变后的初始地图在显示窗口的第一位置后,需要先获取到与初始地图对应的背景地图,然后对此背景地图执行下一步的操作。
S208,根据第一位置调整背景地图在容器中的第二位置;其中,背景地图的边缘无留白区域。
其中,第二位置是背景地图在容器中的位置,可以包括背景地图与容器边框之间的距离等。
具体地,根据步骤S204获取的初始地图的第一位置和步骤S206中获取的背景地图后,根据初始地图的第一位置调整背景地图该容器中的第二位置,使得显示窗口的尺寸变化后,背景地图与初始地图的相对位置始终不变,保持相同的伸缩性,保证当前显示地图不会出现定位错误的问题。此背景地图的边缘无留白区域,由于背景地图的伸缩性无法控制,如果有留白空间,在将背景地图导入容器后,若显示窗口的尺寸发生变化时,留白区域也会发生不可控的变化,还是会导致当前显示图片出现错位,因此地图背景图片的周围不能有留白区域。
上述地图显示方法,通过使用绘制的背景地图代替图表处理程序中的地图工具生成的初始地图,通过检测窗口尺寸的变化情况,在容器的窗口尺寸变化时,根据变化后的初始地图在容器中的第一位置重新对背景地图在容器中的第二位置进行调整,使得根据第二位置显示的背景地图能够与变化后的初始地图在容器中的第一位置保持一致,使地图背景图片与预设容器具有同样的伸缩性,提高当前显示地图的可控性。
在其中一个实施例中,上述地图显示方法中当前显示地图的显示方式可以包括:启动地图工具,并通过地图工具生成初始地图,将初始地图导入至容器中;获取与初始地图对应的背景地图;获取初始地图在容器中的初始位置,根据初始位置将背景地图导入至容器中;隐藏初始地图,并根据容器显示当前显示地图。
其中,地图工具是绘制初始地图的工具,如ECharts提供的地图组件等。
初始位置是将初始地图导入容器中后,在容器中的位置,可以通过初始地图与容器边框之间的距离进行表示等。
具体地,当前显示地图在显示窗口的显示方式是将地图工具生成的初始地图与根据初始地图绘制的背景地图结合起来进行显示的。其具体步骤为:启动地图工具,通过地图工具生成需要显示的目标的地图,即初始地图,然后将初始地图导入到显示窗口对应的容器;技术人员按照初始地图绘制与初始地图同比例但显示效果更符合显示预期的边缘无留白区域的背景地图。获取初始地图在容器中的初始位置,将背景地图也导入容器中,然后根据初始地图在容器中的初始位置将背景地图导入到容器中,使得此背景地图与初始地图重合,然后隐藏初始地图,得到可以根据初始地图的经纬度坐标系在背景地图上进行定位的当前显示地图。
可选地,当当前显示地图的显示格式时HTML(HyperText Markup Language 超文本标记语言)时,可以在盛放当前显示地图的DOM中嵌套一个div层,将制作好的背景地图放置到此div层中,设置好之后刷新页面,即可将背景地图插入容器中。
上述实施例中,通过描述当前显示地图的显示方式,解释了形成当前显示地图的技术方案,由于当前显示地图的地图图片是绘制的背景地图,其样式更方便查看,如陆地和海洋的界限可以调整地更为分明。
在其中一个实施例中,上述地图显示方法中的步骤S208根据第一位置调整与背景地图在容器中的第二位置,可以包括:根据第一位置获取初始地图与容器的边框之间的第一距离;根据第一距离获取背景地图在容器中的第二位置。
其中,第一距离是初始地图在容器中与容器边框之间的距离;用户通过设定第一距离可以调整初始地图在显示窗口中的位置。如在DOM元素中用的 padding值(用于定义元素边框与元素内容之间的空间的属性值)中的四个参数 left/right/top/bottom(左边距/右边距/上边距/下边距)表示初始地图距离容器外边框的左、右、上、下四个边留白距离,当这四个参数设定好之后,初始地图在容器中的第一位置即可确定。
具体地,当初始地图在容器中的位置发生变化时,需要将背景地图按照初始地图的位置变化进行位置调整,才能保证背景地图与初始地图的相对位置不变,不会因为初始地图的位置变化;而其调整方式可以是:先根据初始地图在容器中的第一位置获取初始地图与容器的边框之间的第一距离,如上述Echarts 中的四个边的留白距离,然后再根据第一距离去调整背景地图在容器中的第二位置。
例如,继续上述的Echarts中的地图显示方式,在获取到初始地图距离容器外边框的左、右、上、下四个边留白距离,可以设置背景地图的宽度值和高度值,来保证背景地图的第二位置与初始地图的第一位置一致。具体设置方式为:ele.width(背景地图的宽度值)=p.offsetWidth(容器外边框的宽度值)–(初始地图距离容器外边框的左边的留白距离(left)+右边的留白距离(right)); ele.height(背景地图的高度值)=p.offsetHeight(容器外边框的高度值)-(初始地图距离容器外边框的上边的留白距离(top)+下边的留白距离(bottom)),则在此DOM元素中背景地图的第二位置与初始地图的第一位置保持一致。
上述实施例中,根据初始地图在容器中的第一位置调整与背景地图在容器中的第二位置,实际上是根据初始地图与容器的边框的第一距离得到背景地图在容器中的第二位置的过程,引入第一距离,保证了步骤S208执行的准确性。
在其中一个实施例中,上述地图显示方法还可以包括再定位步骤,该再定位步骤可以包括:当当前显示地图的显示窗口的尺寸未改变时,检测初始地图在容器中的第一位置是否改变;当第一位置改变时,获取初始地图在容器中第三位置;获取与初始地图对应的背景地图;根据第三位置调整背景地图在容器中的第四位置。
其中,第三位置是初始地图在当前显示地图的显示窗口中的位置发生改变后,初始地图在容器中位置;可以包括初始地图与容器外边框的左、右、上、下四个边留白距离(left/right/top/bottom)等,或者以左对齐、右对齐、居中等格式来表示等。
具体地,当初始地图在容器中的位置发生变化时,即此实施例中初始地图在容器中的位置从第一位置变化为第三位置,虽然当前显示地图的显示窗口的尺寸未发生改变,但也需要重新根据初始地图的变化后的第三位置调整背景地图的位置,才能保证背景地图与初始地图的相对位置不变,始终保持重叠,不会因为初始地图的位置变化,造成背景地图与初始地图上的经纬度坐标发生错位。
上述实施例中,不管当前显示地图的显示窗口的尺寸是否发生变化,都实时监测初始地图在显示窗口中的位置是否改变,若改变,则根据变化后的初始地图的位置调整背景地图的位置,保证当前显示地图显示和定位的准确性。
在其中一个实施例中,上述地图显示方法中S208根据第一位置调整背景地图在容器中的第二位置之后,还可以包括调整步骤,该调整步骤可以包括:
S302,显示隐藏的初始地图。
具体地,上述地图显示方法在调整了背景地图在容器中的第二位置后,可以对背景地图调整后的当前显示地图的显示状态进行检测,确定调整后的背景图片能够与初始地图的变动一致,故先将隐藏的初始地图显示出来。
S304,检测初始地图与背景地图是否重合。
具体地,显示隐藏的初始地图后,检测初始地图与背景地图是否重合,若二者重合,则证明调整后的背景图片能够与初始地图的变动一致,能够准确定位。
S306,当初始地图与背景地图不重合时,接收输入的针对背景地图的位置调整指令。
其中,位置调整指令是对背景地图的位置进行调整的指令;可以是用户对终端输入调整指令,终端接收后根据位置调整指令对背景图片的位置进行调整,直至背景图片与初始地图重合。
具体地,若调整后的背景地图与初始地图不重合,则证明终端对背景地图的调整出错,需要重新对背景图像进行调整,终端接收位置调整指令
S308,根据位置调整指令调整背景地图在容器中的位置。
具体地,终端根据接收到的位置调整指令对背景图片的位置进行调整,直至背景图片与初始地图重合。
S310,接收针对初始地图的隐藏指令。
其中,隐藏指令是将初始地图隐藏起来的指令,执行该指令后,初始地图的图片不会显示在显示窗口上,但用户仍可以通过初始地图的经纬度坐标系进行定位。
具体地,当根据步骤S308将背景地图调整至于初始地图重合后,则终端可以将初始地图再次隐藏,终端接收用户输入的隐藏指令,将初始地图隐藏。
S312,根据隐藏指令隐藏初始地图。
具体地,终端接收用户输入的隐藏指令后,根据该隐藏指令将初始地图再次隐藏,得到可以根据初始地图的经纬度坐标在背景地图上准确定位的当前显示地图。
上述实施例中通过检测初始地图与根据第二位置显示的背景地图是否完全重合的步骤,保证当窗口尺寸变化时,背景地图的显示结果能够保证与初始地图重合,避免由于程序执行错误,而导致的地图定位错误的问题。
在其中一个实施例中,上述地图显示方法中的步骤S304检测初始地图与背景地图是否重合之后,还可以包括:当初始地图与背景地图重合,隐藏初始地图。
具体地,当初始地图与根据第二位置显示的背景地图重合时,则证明上述技术方案被正确执行,可以直接隐藏初始地图,则显示的背景地图能够与初始地图中的经纬度坐标结合起来进行正确定位。
上述实施例中,补充说明了当初始地图与根据第二位置显示的背景地图重合时的处理步骤,与上一个实施例结合起来构成了对背景地图调整后的当前显示地图的显示状态进行检测的完整步骤,共同保证了当前显示地图的准确定位。
应该理解的是,虽然图2至图3的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2至图3中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图4所示,提供了一种地图显示装置,可以包括:检测模块100、初始地图定位模块200、背景地图获取模块300和背景地图定位模块400,其中:
检测模块100,用于检测当前显示地图的显示窗口的尺寸是否改变。
初始地图定位模块200,用于当显示窗口的尺寸改变时,获取与当前显示地图对应的初始地图,并获取初始地图在显示窗口对应的容器中的第一位置。
背景地图获取模块300,用于获取与初始地图对应的背景地图。
背景地图定位模块400,用于根据第一位置调整背景地图在容器中的第二位置;其中,背景地图的边缘无留白区域。
在一个实施例中,上述地图显示装置还可以包括:
初始地图模块,用于启动地图工具,并通过地图工具生成初始地图,将初始地图导入至容器中。
背景地图模块,用于获取与初始地图对应的背景地图。
导入定位模块,用于获取初始地图在容器中的初始位置,根据初始位置将背景地图导入至容器中。
显示模块,用于隐藏初始地图,并根据容器显示当前显示地图。
在一个实施例中,上述地图显示装置中的背景地图定位模块还可以包括:
距离获取单元,用于根据第一位置获取初始地图与容器的边框之间的第一距离。
背景地图定位单元,用于根据第一距离获取背景地图在容器中的第二位置。
在一个实施例中,上述地图显示装置还可以包括:
位置检测模块,用于当当前显示地图的显示窗口的尺寸未改变时,检测初始地图在容器中的第一位置是否改变。
重新定位模块,用于当第一位置改变时,获取初始地图在容器中第三位置。
背景地图重获模块,用于获取与初始地图对应的背景地图。
位置调整模块,用于根据第三位置调整背景地图在容器中的第四位置。
在一个实施例中,上述地图显示装置还可以包括:
再显示模块,用于显示隐藏的初始地图。
重合检测模块,用于检测初始地图与背景地图是否重合。
调整指令接收模块,用于当初始地图与背景地图不重合时,接收输入的针对背景地图的位置调整指令。
位置调整模块,用于根据位置调整指令调整背景地图在容器中的位置。
接受模块,用于接收针对初始地图的隐藏指令。
第一再隐藏模块,用于根据隐藏指令隐藏初始地图。
在一个实施例中,上述地图显示装置还可以包括:
第二再隐藏模块,用于当初始地图与背景地图重合,隐藏初始地图。
关于地图显示装置的具体限定可以参见上文中对于地图显示方法的限定,在此不再赘述。上述地图显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种地图显示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图5中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,该存储器存储有计算机程序,该处理器执行计算机程序时实现以下步骤:检测当前显示地图的显示窗口的尺寸是否改变;当显示窗口的尺寸改变时,获取与当前显示地图对应的初始地图,并获取初始地图在显示窗口对应的容器中的第一位置;获取与初始地图对应的背景地图;根据第一位置调整背景地图在容器中的第二位置;其中,背景地图的边缘无留白区域。
在一个实施例中,处理器执行计算机程序时所涉及的当前显示地图的显示方式,可以包括:启动地图工具,并通过地图工具生成初始地图,将初始地图导入至容器中;获取与初始地图对应的背景地图;获取初始地图在容器中的初始位置,根据初始位置将背景地图导入至容器中;隐藏初始地图,并根据容器显示当前显示地图。
在一个实施例中,处理器执行计算机程序时实现的根据第一位置调整与背景地图在容器中的第二位置还可以包括:根据第一位置获取初始地图与容器的边框之间的第一距离;根据第一距离获取背景地图在容器中的第二位置。
在一个实施例中,处理器执行计算机程序时还可以实现:当当前显示地图的显示窗口的尺寸未改变时,检测初始地图在容器中的第一位置是否改变;当第一位置改变时,获取初始地图在容器中第三位置;获取与初始地图对应的背景地图;根据第三位置调整背景地图在容器中的第四位置。
在一个实施例中,处理器执行计算机程序时实现的根据第一位置调整背景地图在容器中的第二位置之后,还可以包括:显示隐藏的初始地图;检测初始地图与背景地图是否重合;当初始地图与背景地图不重合时,接收输入的针对背景地图的位置调整指令;根据位置调整指令调整背景地图在容器中的位置;接收针对初始地图的隐藏指令;根据隐藏指令隐藏初始地图。
在一个实施例中,处理器执行计算机程序时实现的检测初始地图与背景地图是否重合之后,还可以包括:当初始地图与背景地图重合,隐藏初始地图。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:检测当前显示地图的显示窗口的尺寸是否改变;当显示窗口的尺寸改变时,获取与当前显示地图对应的初始地图,并获取初始地图在显示窗口对应的容器中的第一位置;获取与初始地图对应的背景地图;根据第一位置调整背景地图在容器中的第二位置;其中,背景地图的边缘无留白区域。
在一个实施例中,计算机程序被处理器执行时所涉及的当前显示地图的显示方式,可以包括:启动地图工具,并通过地图工具生成初始地图,将初始地图导入至容器中;获取与初始地图对应的背景地图;获取初始地图在容器中的初始位置,根据初始位置将背景地图导入至容器中;隐藏初始地图,并根据容器显示当前显示地图。
在一个实施例中,计算机程序被处理器执行时实现的根据第一位置调整与背景地图在容器中的第二位置还可以包括:根据第一位置获取初始地图与容器的边框之间的第一距离;根据第一距离获取背景地图在容器中的第二位置。
在一个实施例中,计算机程序被处理器执行时还可以实现:当当前显示地图的显示窗口的尺寸未改变时,检测初始地图在容器中的第一位置是否改变;当第一位置改变时,获取初始地图在容器中第三位置;获取与初始地图对应的背景地图;根据第三位置调整背景地图在容器中的第四位置。
在一个实施例中,计算机程序被处理器执行时实现的根据第一位置调整背景地图在容器中的第二位置之后,还可以包括:显示隐藏的初始地图;检测初始地图与背景地图是否重合;当初始地图与背景地图不重合时,接收输入的针对背景地图的位置调整指令;根据位置调整指令调整背景地图在容器中的位置;接收针对初始地图的隐藏指令;根据隐藏指令隐藏初始地图。
在一个实施例中,计算机程序被处理器执行时实现的检测初始地图与背景地图是否重合之后,还可以包括:当初始地图与背景地图重合,隐藏初始地图。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程 ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限, RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步 DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM (ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus) 直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (8)
1.一种地图显示方法,所述方法包括:
启动地图工具,并通过所述地图工具生成初始地图,将所述初始地图导入至容器中;
获取与所述初始地图对应的背景地图,所述背景地图与所述初始地图为1:1的比例;
获取所述初始地图在所述容器中的初始位置,根据所述初始位置将所述背景地图导入至所述容器中;
隐藏所述初始地图,并根据所述容器显示当前显示地图;
检测当前显示地图的显示窗口的尺寸是否改变;
当所述显示窗口的尺寸改变时,获取与所述当前显示地图对应的初始地图,并获取所述初始地图在所述显示窗口对应的容器中的第一位置;
获取与所述初始地图对应的背景地图;
根据所述第一位置调整所述背景地图在所述容器中的第二位置;其中,所述背景地图的边缘无留白区域;
显示隐藏的所述初始地图;
检测所述初始地图与所述背景地图是否重合;
当所述初始地图与所述背景地图重合,隐藏所述初始地图;
当所述初始地图与所述背景地图不重合时,接收输入的针对所述背景地图的位置调整指令;
根据所述位置调整指令调整所述背景地图在所述容器中的位置;
接收针对所述初始地图的隐藏指令;
根据所述隐藏指令隐藏所述初始地图。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第一位置调整与所述背景地图在所述容器中的第二位置,包括:
根据所述第一位置获取所述初始地图与所述容器的边框之间的第一距离;
根据所述第一距离获取背景地图在所述容器中的第二位置。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当当前显示地图的显示窗口的尺寸未改变时,检测所述初始地图在所述容器中的第一位置是否改变;
当所述第一位置改变时,获取所述初始地图在所述容器中第三位置;
获取与所述初始地图对应的背景地图;
根据所述第三位置调整所述背景地图在所述容器中的第四位置。
4.一种地图显示装置,其特征在于,所述装置包括:
初始地图模块,用于启动地图工具,并通过所述地图工具生成初始地图,将所述初始地图导入至容器中;
背景地图模块,用于获取与所述初始地图对应的背景地图,所述背景地图与所述初始地图为1:1的比例;
导入定位模块,用于获取所述初始地图在所述容器中的初始位置,根据所述初始位置将所述背景地图导入至所述容器中;
显示模块,用于隐藏所述初始地图,并根据所述容器显示当前显示地图;
检测模块,用于检测当前显示地图的显示窗口的尺寸是否改变;
初始地图定位模块,用于当所述显示窗口的尺寸改变时,获取与所述当前显示地图对应的初始地图,并获取所述初始地图在所述显示窗口对应的容器中的第一位置;
背景地图获取模块,用于获取与所述初始地图对应的背景地图;
背景地图定位模块,用于根据所述第一位置调整所述背景地图在所述容器中的第二位置;其中,所述背景地图的边缘无留白区域;
再显示模块,用于显示隐藏的所述初始地图;
重合检测模块,用于检测所述初始地图与所述背景地图是否重合;
第二再隐藏模块,用于当所述初始地图与所述背景地图重合,隐藏所述初始地图;
调整指令接收模块,用于当所述初始地图与所述背景地图不重合时,接收输入的针对所述背景地图的位置调整指令;
位置调整模块,用于根据所述位置调整指令调整所述背景地图在所述容器中的位置;
接受模块,用于接收针对所述初始地图的隐藏指令;
第一再隐藏模块,用于根据所述隐藏指令隐藏所述初始地图。
5.根据权利要求4所述的装置,其特征在于,所述背景地图定位模块包括:
距离获取单元,用于根据所述第一位置获取所述初始地图与所述容器的边框之间的第一距离;
背景地图定位单元,用于根据所述第一距离获取背景地图在所述容器中的第二位置。
6.根据权利要求4所述的装置,其特征在于,所述地图显示装置还包括:
位置检测模块,用于当当前显示地图的显示窗口的尺寸未改变时,检测所述初始地图在所述容器中的第一位置是否改变;
重新定位模块,用于当所述第一位置改变时,获取所述初始地图在所述容器中第三位置;
背景地图重获模块,用于获取与所述初始地图对应的背景地图;
位置调整模块,用于根据所述第三位置调整所述背景地图在所述容器中的第四位置。
7.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至3中任一项所述方法的步骤。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至3中任一项所述的方法的步骤。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810426870.3A CN108776669B (zh) | 2018-05-07 | 2018-05-07 | 地图显示方法、装置、计算机设备和存储介质 |
PCT/CN2018/096969 WO2019214082A1 (zh) | 2018-05-07 | 2018-07-25 | 地图显示方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810426870.3A CN108776669B (zh) | 2018-05-07 | 2018-05-07 | 地图显示方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108776669A CN108776669A (zh) | 2018-11-09 |
CN108776669B true CN108776669B (zh) | 2024-01-09 |
Family
ID=64026894
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810426870.3A Active CN108776669B (zh) | 2018-05-07 | 2018-05-07 | 地图显示方法、装置、计算机设备和存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN108776669B (zh) |
WO (1) | WO2019214082A1 (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111724488B (zh) * | 2019-06-25 | 2022-09-09 | 腾讯科技(深圳)有限公司 | 地图场景绘制方法、装置、可读存储介质和计算机设备 |
CN113918257B (zh) * | 2021-09-30 | 2024-04-26 | 百融至信(北京)科技有限公司 | 一种基于Vue的echarts性能优化方法及系统 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102081497A (zh) * | 2009-11-26 | 2011-06-01 | 索尼公司 | 信息处理设备、信息处理方法和程序 |
CN104794160A (zh) * | 2015-03-24 | 2015-07-22 | 南京太亚科技有限责任公司 | 石化企业数字化工厂平台系统 |
CN105389167A (zh) * | 2015-11-02 | 2016-03-09 | 中国电子科技集团公司第二十八研究所 | 一种Web端实时船舶目标显示方法 |
CN105956124A (zh) * | 2016-05-06 | 2016-09-21 | 中国神华能源股份有限公司 | 一种地图展示方法及装置 |
CN107479799A (zh) * | 2016-11-09 | 2017-12-15 | 广州酷狗计算机科技有限公司 | 一种显示窗口的方法和装置 |
WO2018036160A1 (zh) * | 2016-08-22 | 2018-03-01 | 平安科技(深圳)有限公司 | 应用程序界面的显示方法和装置、终端和存储介质 |
CN107786904A (zh) * | 2017-10-30 | 2018-03-09 | 深圳Tcl数字技术有限公司 | 画面放大方法、显示设备及计算机可读存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102075972B (zh) * | 2010-12-31 | 2014-05-07 | 中国科学技术大学苏州研究院 | 基于坐标转换的无线信号定位跟踪显示系统及其显示方法 |
CA2876953A1 (en) * | 2015-01-08 | 2016-07-08 | Sparkgeo Consulting Inc. | Map analytics for interactive web-based maps |
CN107992589B (zh) * | 2017-12-11 | 2021-07-09 | 机械工业第六设计研究院有限公司 | 一种svg地图数据的加载方法、装置及系统 |
-
2018
- 2018-05-07 CN CN201810426870.3A patent/CN108776669B/zh active Active
- 2018-07-25 WO PCT/CN2018/096969 patent/WO2019214082A1/zh active Application Filing
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102081497A (zh) * | 2009-11-26 | 2011-06-01 | 索尼公司 | 信息处理设备、信息处理方法和程序 |
CN104794160A (zh) * | 2015-03-24 | 2015-07-22 | 南京太亚科技有限责任公司 | 石化企业数字化工厂平台系统 |
CN105389167A (zh) * | 2015-11-02 | 2016-03-09 | 中国电子科技集团公司第二十八研究所 | 一种Web端实时船舶目标显示方法 |
CN105956124A (zh) * | 2016-05-06 | 2016-09-21 | 中国神华能源股份有限公司 | 一种地图展示方法及装置 |
WO2018036160A1 (zh) * | 2016-08-22 | 2018-03-01 | 平安科技(深圳)有限公司 | 应用程序界面的显示方法和装置、终端和存储介质 |
CN107479799A (zh) * | 2016-11-09 | 2017-12-15 | 广州酷狗计算机科技有限公司 | 一种显示窗口的方法和装置 |
CN107786904A (zh) * | 2017-10-30 | 2018-03-09 | 深圳Tcl数字技术有限公司 | 画面放大方法、显示设备及计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2019214082A1 (zh) | 2019-11-14 |
CN108776669A (zh) | 2018-11-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10074217B2 (en) | Position identification method and system | |
CN110751149B (zh) | 目标对象标注方法、装置、计算机设备和存储介质 | |
US9235758B1 (en) | Robust method to find layout similarity between two documents | |
KR102240279B1 (ko) | 컨텐트 처리 방법 및 그 전자 장치 | |
US11551392B2 (en) | Graphic drawing method and apparatus, device, and storage medium | |
US9354711B2 (en) | Dynamic hand-gesture-based region of interest localization | |
EP2782027A1 (en) | Apparatus and method providing augmented reality contents based on web information structure | |
US20120096343A1 (en) | Systems, methods, and computer-readable media for providing a dynamic loupe for displayed information | |
CN109375972B (zh) | 多元素布局的方法、装置、计算机设备和存储介质 | |
US10572096B2 (en) | Method and apparatus for displaying information | |
US10817054B2 (en) | Eye watch point tracking via binocular and stereo images | |
US11348304B2 (en) | Posture prediction method, computer device and storage medium | |
CN108776669B (zh) | 地图显示方法、装置、计算机设备和存储介质 | |
CN112926421B (zh) | 图像处理方法和装置、电子设备和存储介质 | |
US20190012042A1 (en) | Method and device for producing an electronic signed document | |
CN110443772B (zh) | 图片处理方法、装置、计算机设备和存储介质 | |
US20160062601A1 (en) | Electronic device with touch screen and method for moving application functional interface | |
US20190289070A1 (en) | Synchronized annotations in fixed digital documents | |
CN108415890B (zh) | 置顶显示单元格的方法、终端设备及计算机可读存储介质 | |
US9619126B2 (en) | Computer-readable non-transitory storage medium with image processing program stored thereon, element layout changed material generating device, image processing device, and image processing system | |
WO2018233307A1 (zh) | 热力图绘制方法及装置 | |
CN110807112A (zh) | 基于地图的数据展示方法和装置 | |
CN110598142A (zh) | 网页校准方法、装置、计算机设备及存储介质 | |
US9229608B2 (en) | Character display apparatus, character display method, and computer readable medium | |
CN111797192B (zh) | Gis点数据渲染方法、装置、计算机设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |