CN110334163B - 大数据的地图背景优化方法、装置、设备及存储介质 - Google Patents
大数据的地图背景优化方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN110334163B CN110334163B CN201910430063.3A CN201910430063A CN110334163B CN 110334163 B CN110334163 B CN 110334163B CN 201910430063 A CN201910430063 A CN 201910430063A CN 110334163 B CN110334163 B CN 110334163B
- Authority
- CN
- China
- Prior art keywords
- picture
- map
- new
- original
- style
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Remote Sensing (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请实施例公开了一种大数据的地图背景优化方法、装置、设备及存储介质,涉及电子地理信息技术领域。一种大数据的地图背景优化方法,包括:读取网络地图,并获取原生地图;生成匹配所述原生地图的原背景图片的新样式图片;将所述新样式图片设为所述原生地图的新的背景图片;配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局。本申请实施例所述的方法,通过设置响应式布局,可以让作为新背景的图片保持动态性变化以自动适配容器中原生地图的原背景图片变化后的大小和位置,从而避免地图变化时出现定位点错位的问题,而且其不需要增加监听事件,使用的代码较为简洁,配置更简单方便。
Description
技术领域
本申请实施例涉及电子地理信息技术领域,特别是一种大数据的地图背景优化方法、装置、设备及存储介质。
背景技术
随着数据技术的发展,人们经常会用到Echarts(商业级数据图表)进行图表的绘制,其中在Echarts中提供的地图组件,能够支持用户进行简单的地图绘制,尤其如矢量地图。但是通过纯Echarts绘制出来的地图,样式简单,视觉效果较差,无法满足平时的使用需求,同时对于要求比较高的数据可视化产品效果时无法提供符合需求的矢量图。而根据样式需求进行定制,以根据原生地图为原型进行处理生成的图片作为地图的背景图片后,由于经定制后提供的背景图片大小变化方式与原生地图不一致,会导致定位点严重错位的问题。
目前针对地图变化时定位点错位的问题,可以以javascript的代码进行控制,其通过监听原生地图所处容器的窗口尺寸变化,重新计算背景图片的大小,并自动调整背景图片的大小使背景图片铺满整个容器的窗口,最终实现背景图片的大小的自适应变化。但在使用javascript控制图片大小变化的方案中,需要加上监听事件,所用的代码较繁琐,配置较复杂,并且性能一般。
发明内容
本申请实施例所要解决的技术问题是,提供一种大数据的地图背景优化方法、装置、设备及存储介质,避免地图变化时出现定位点错位的问题,且无需增加监听事件,配置更简单方便。
为了解决上述技术问题,本申请实施例所述的一种大数据的地图背景优化方法,采用了如下所述的技术方案:
一种大数据的地图背景优化方法,包括:
读取网络地图,并获取由所述网络地图中真实地理信息数据渲染的原生地图;
保留所述原生地图的地理特征,配置其地图样式以生成匹配所述原生地图的原背景图片的新样式图片;
将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片;
配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步。
所述大数据的地图背景优化方法,通过设置响应式布局,根据响应式原理的自适应性可以让作为新背景的图片保持动态性变化以自动适配容器中原生地图的原背景图片变化后的大小和位置,从而避免地图变化时出现定位点错位的问题,而且其不需要增加监听事件,使用的代码较为简洁,配置更简单方便,使***的性能也能够得以提升。
进一步的,所述的大数据的地图背景优化方法,所述生成匹配所述原生地图的原背景图片的新样式图片时的步骤包括:
获取所述原生地图的原背景图片的尺寸和显示比例;
基于获取的原背景图片的尺寸和显示比例设置所述新样式图片的尺寸和显示比例,以使所述新式样图片与所述原生地图的原背景图片的尺寸相同且显示比例一致。
可以方便所述新样式图片置入所述原生地图的原背景图片所处的容器中,并使所述新样式图片更好地代替所述原背景图片作为所述原生地图的新背景图片。
进一步的,所述的大数据的地图背景优化方法,所述生成匹配所述原生地图的原背景图片的新样式图片时的步骤还包括:
检测所述新样式图片所显示的地图区域中四周是否有空白区域;
若有空白区域,删除所述空白区域,重新调整所述新样式图片的尺寸和显示比例直至与所述原背景图片相同。
在原生地图的显示状态发生变化时,实现对所述新样式图片与所述原生地图的伸缩性的同步控制,使显示内容跟预期效果一致。
进一步的,所述的大数据的地图背景优化方法,所述将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片的步骤包括:
将所述新样式图片完全覆盖于所述原生地图的原背景图片上;
隐藏所述原生地图的原背景图片,以使所述新样式图片替换所述原生地图的原背景图片。
使用户后续查看地图时观察到的是优化后的地图样式,方便对新样式图片在所述容器的窗口中的位置进行定位。
进一步的,所述的大数据的地图背景优化方法,在所述设置所述新样式图片对于所述窗口的响应式布局的步骤之后,所述方法还包括:
当所述原生地图位置状态出现变化后,显示隐藏的所述原背景图片;获取所述原背景图片与所述新样式图片的重叠状态,判断两者是否完全重合。
通过将隐藏的所述原背景图片重新显示出来,可以方便判断原生地图发生状态变化后,所述新样式图片是否与所述原背景图片的状态变化一致。
进一步的,所述的大数据的地图背景优化方法,所述配置所述新样式图片在所述窗口中的层叠样式表规则的步骤包括:
设置backgroudn-position参数,用于使所述新样式图片定位在所述窗口中所述原背景图片的位置处;
设置background-size参数,用于保证所述新样式图片跟随所述原背景图片的尺寸变化并保持一致;
设置backgroudn-position参数,用于对所述新样式图片在所述窗口中的位置进行定位,以保证所述新样式图片跟随所述原背景图片的位置变化并保持一致。
通过上述各项参数设置好层叠样式表规则,实现所述新样式图片在所述容器的窗口中跟随原背景图片的动态性变化而变化并保持变化的一致性,最终避免所述原背景图片与所述新样式图片之间定位点错位等问题,实现经纬度体系和平面坐标系的完美融合。
为了解决上述技术问题,本申请实施例还提供一种大数据的地图背景优化装置,采用了如下所述的技术方案:
一种大数据的地图背景优化装置,包括:
读取模块,用于读取网络地图,并获取由所述网络地图中真实地理信息数据渲染的原生地图;
定制模块,用于保留所述原生地图的地理特征,配置其地图样式以生成匹配所述原生地图的原背景图片的新样式图片;
替换模块,用于将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片;
同步模块,用于配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步。
所述大数据的地图背景优化装置,通过设置响应式布局,根据响应式原理的自适应性可以让作为新背景的图片保持动态性变化以自动适配容器中原生地图的原背景图片变化后的大小和位置,从而避免地图变化时出现定位点错位的问题,而且其不需要增加监听事件,使用的代码较为简洁,配置更简单方便,使***的性能也能够得以提升。
进一步的,所述的大数据的地图背景优化装置,所述定制模块用于获取所述原生地图的原背景图片的尺寸和显示比例,并基于获取的原背景图片的尺寸和显示比例设置所述新样式图片的尺寸和显示比例,以使所述新式样图片与所述原生地图的原背景图片的尺寸相同且显示比例一致。
为了解决上述技术问题,本申请实施例还提供一种计算机设备,采用了如下所述的技术方案:
一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时实现如上述任意一项技术方案所述的大数据的地图背景优化方法的步骤。
为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,采用了如下所述的技术方案:
一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如上述任意一项技术方案所述的大数据的地图背景优化方法的步骤。
与现有技术相比,本申请实施例主要有以下有益效果:
本申请实施例公开了一种大数据的地图背景优化方法、装置、设备及存储介质,本申请实施例所述的大数据的地图背景优化方法包括:读取网络地图,并获取原生地图;生成匹配所述原生地图的原背景图片的新样式图片;将所述新样式图片设为所述原生地图的新的背景图片;配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步。通过设置响应式布局,根据响应式原理的自适应性可以让作为新背景的图片保持动态性变化以自动适配容器中原生地图的原背景图片变化后的大小和位置,从而避免地图变化时出现定位点错位的问题,而且其不需要增加监听事件,使用的代码较为简洁,配置更简单方便,使***的性能也能够得以提升。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
可以根据这些附图获得其他的附图。
图1为本申请实施例可以应用于其中的示例性***架构图;
图2为本申请实施例中所述大数据的地图背景优化方法的一个实施例的流程图;
图3为本申请实施例中所述大数据的地图背景优化装置的一个实施例的结构示意图;
图4为本申请实施例中计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中在本申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“包括”、“包含”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、***、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。在本申请的权利要求书、说明书以及说明书附图中的术语,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体/操作/对象与另一个实体/操作/对象区分开来,而不一定要求或者暗示这些实体/操作/对象之间存在任何这种实际的关系或者顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请的方案,下面将结合本申请实施例中的相关附图,对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示,***架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(MovingPicture ExpertsGroup Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的大数据的地图背景优化方法一般由服务器/终端设备执行,相应地,大数据的地图背景优化装置一般设置于服务器/终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了本申请实施例中所述大数据的地图背景优化方法的一个实施例的流程图。所述大数据的地图背景优化方法,包括以下步骤:
步骤201:读取网络地图,并获取由所述网络地图中真实地理信息数据渲染的原生地图。
本申请实施例中的原生地图,指由Echarts根据真实地理信息数据渲染出来的地图,地图的形式一般表现为平面的矢量地图。该地图自动匹配经纬度体系,因此用户可以根据经纬度坐标对所述原生地图上的每一个点进行定位。读取网络地图并根据所述网络地图渲染出原生地图后,所述原生地图还可以以图片的形式导出到本地。
但由纯Echarts绘制出的原生地图,其地理样式比较简单粗糙,尤其陆地上样式的可控性较差,使地图的显示看起来比较混乱,导致地图的视觉效果显得很一般。如此,当一些项目要求一些比较高的数据可视化效果时,这种原生地图便无法满足预期的需求,需要对原生地图的地图样式进行优化。
在本申请实施例中,所述大数据的地图背景优化方法运行于其上的电子设备(例如图1所示的服务器/终端设备)可以通过有线连接方式或者无线连接方式接收用户发出的用于读取网络地图的指令。需要指出的是,上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。
步骤202:保留所述原生地图的地理特征,配置其地图样式以生成匹配所述原生地图的原背景图片的新样式图片。
所述地理特征包括:位置区域、地形、气候、土壤、植被、水文等自然地理的内容,以及人口、交通、经济、城市状况、等人文地理的内容。
所述新样式图片是以所述原生地图导出的图片轮廓为原型,在这个原型基础上进行美化、增强视觉效果的处理后最终生成的地图图片。即所述新样式图片保留了所述原生地图的地理特征,与原生地图的地理特征相匹配但样式设置为不同。
所述美化、增强视觉效果的处理包括:投影、加色、描边、增加平面的3D显示效果,设置更单纯的颜色等等。而原生地图中较佳的样式则可以继续沿用,如闪光点形式的标注特效,以及连接闪光点的闪光点之间的航线等样式。通过上述样式的处理,从而可以获取到显示效果更好、更符合查看需求的地图图片。
在本申请实施例的一种具体实施方式中,由于世界地图中陆地的样式的可控性较差、样式简单、陆地和海洋的界限不分明,国家的数量众多,国家之间的边界线未隐藏或设置透明度,显示时的线条过多,使得对整个地图的观感显得十分混乱。因此在此世界地图的基础上制作新样式图片时,可以增强陆地的平面3D效果,将陆地上国家之间的边界线隐藏或设置为透明,并使用显示效果更佳的单色调颜色作为背景色,以及地图上的闪光点特效的仰视。如此优化后生成的新样式图片便具有了更佳的视觉效果,更能满足用户查看地图时的需求。
在本申请实施例中,所述生成匹配所述原生地图的原背景图片的新样式图片时的步骤包括:
获取所述原生地图的原背景图片的尺寸和显示比例;基于获取的原背景图片的尺寸和显示比例设置所述新样式图片的尺寸和显示比例,以使所述新式样图片与所述原生地图的原背景图片的尺寸相同且显示比例一致。
为了方便所述新样式图片置入所述原生地图的原背景图片所处的容器中,并使所述新样式图片更好地代替所述原背景图片作为所述原生地图的新背景图片,需使所述新样式图片所展示的地理数据与所述原背景图片中的地理数据尽可能地相同,因此在保留了所述原背景图片中的地理特征后,还需保持所述新样式图片和所述原背景图片之间的尺寸和显示比例相同,即两者之间的尺寸和显示比例均为1:1。
本申请实施例中,所述容器可视为DOM(Document Object Model,文档对象模型)元素,DOM是文档的编程接口,它表示文档中对象的标准模型,可以用于任何编程语言。
在本申请实施例中,所述生成匹配所述原生地图的原背景图片的新样式图片时的步骤还包括:
检测所述新样式图片所显示的地图区域中四周是否有空白区域;若有空白区域,删除所述空白区域,重新调整所述新样式图片的尺寸和比例直至与所述原背景图片相同。
所述新样式图片的内容除了显示地图的地理特征等必要元素外,其四周若存在空白区域,便会导致在原生地图的显示状态发生变化时,所述新样式图片与所述原生地图的伸缩性无法同步控制,使显示内容跟预期效果出现偏差。
具体地,所述原生地图的伸缩性与一般图片的伸缩性一致,其所属的坐标系为经纬度体系。当原生地图进行缩放时,缩放的部分不包括原生地图的原背景图片四周的空白区域,即空白区域的大小会保持不变;而所述新样式图片所属的坐标系类似平面坐标系,在进行缩放时,其四周的空白区域大小会随其缩放的变化按倍数缩放。因此若所述新样式图片的四周存在空白区域,则原生地图进行缩放后,其原背景图片四周的空白区域大小保持不变,但新样式图片上的空白区域大小会随着原生地图的变化而变化,此时便无法使原生地图与新样式图片之间的伸缩性保持一致,会出现两种坐标系之间的定位点严重错位的问题。
因此需要去除掉所述新样式图片上的空白区域,保持原生地图与新样式图片之间的伸缩性一致,避免出现显示错位的问题。
步骤203:将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片。
生成了新样式图片后,便可以将所述新样式图片作为新的背景图片,***所述原生地图所处的容器中,代替所述原生地图的原背景图片,放置于原背景图片所处容器的窗口位置处。
在本申请实施例中,所述将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片的步骤包括:
将所述新样式图片完全覆盖于所述原生地图的原背景图片上;隐藏所述原生地图的原背景图片,以使所述新样式图片替换所述原生地图的原背景图片。
以所述新样式地图替换所述原背景图片作为所述原生地图的地图显示,并隐藏所述原背景图片,从而可以使用户后续查看地图时观察到的是优化后的地图样式,而以完全覆盖的方式进行替换可以方便地对新样式图片在所述容器的窗口中的位置进行定位。
步骤204:配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步。
本申请实施例中,通过配置所述新样式图片在所述窗口中的CSS(CascadingStyleSheets,层叠样式表规则),使所述新样式图片定位在所述窗口中所述原背景图片的位置处,可以跟随所述原背景图片的尺寸和位置的状态变化并与其变化保持同步,实现了所述新样式图片动态地定位在所述原背景图片的位置上与其完全重叠,由此设置好所述新样式图片对于所述窗口的响应式布局。
在本申请实施例的一种实施方式中,所述配置所述新样式图片的层叠样式表规则的步骤包括:
设置backgroudn-position参数,该项参数用于使所述新样式图片定位在所述窗口中所述原背景图片的位置处;
设置background-size参数,该项参数用于保证所述新样式图片跟随所述原背景图片的尺寸变化并保持一致;
设置backgroudn-position参数,该项参数用于对所述新样式图片在所述窗口中的位置进行定位,以保证所述新样式图片跟随所述原背景图片的位置变化并保持一致。
通过上述各项参数设置好层叠样式表规则,实现所述新样式图片在所述容器的窗口中跟随原背景图片的动态性变化而变化并保持变化的一致性,最终避免所述原背景图片与所述新样式图片之间定位点错位等问题,实现经纬度体系和平面坐标系的完美融合。
在本申请实施例的一种实施方式中,在所述设置所述新样式图片对于所述窗口的响应式布局的步骤之后,所述方法还包括:
当所述原生地图位置状态出现变化后,显示隐藏的所述原背景图片,获取所述原背景图片与所述新样式图片的重叠状态,判断两者是否完全重合。
通过将隐藏的所述原背景图片重新显示出来,可以方便判断原生地图发生状态变化后,所述新样式图片是否与所述原背景图片的状态变化一致。若一致表示能够保持变化的同步,若不一致则需检错,并重新配置层叠样式表规则对响应式布局进行调整更新。
本申请实施例所述的大数据的地图背景优化方法,通过设置响应式布局,根据响应式原理的自适应性可以让作为新背景的图片保持动态性变化以自动适配容器中原生地图的原背景图片变化后的大小和位置,从而避免地图变化时出现定位点错位的问题,而且其不需要增加监听事件,使用的代码较为简洁,配置更简单方便,使***的性能也能够得以提升。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
进一步参考图3,图3示出了为本申请实施例中所述大数据的地图背景优化装置的一个实施例的结构示意图。作为对上述图2所示方法的实现,本申请提供了一种大数据的地图背景优化装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图3所示,本实施例所述的大数据的地图背景优化装置包括:
读取模块301;用于读取网络地图,并获取由所述网络地图中真实地理信息数据渲染的原生地图。
定制模块302;用于保留所述原生地图的地理特征,配置其地图样式以生成匹配所述原生地图的原背景图片的新样式图片。
在本申请实施例中,所述定制模块302用于获取所述原生地图的原背景图片的尺寸和显示比例,并基于获取的原背景图片的尺寸和显示比例设置所述新样式图片的尺寸和显示比例,以使所述新式样图片与所述原生地图的原背景图片的尺寸相同且显示比例一致。
在本申请实施例的实施方式中,所述定制模块302还用于检测所述新样式图片所显示的地图区域中四周是否有空白区域;若有空白区域,删除所述空白区域,重新调整所述新样式图片的尺寸和显示比例直至与所述原背景图片相同。
替换模块303;用于将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片。
在本申请实施例中,所述替换模块303用于将所述新样式图片完全覆盖于所述原生地图的原背景图片上;隐藏所述原生地图的原背景图片,以使所述新样式图片替换所述原生地图的原背景图片。
同步模块304;配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步。
在本申请实施例的一种具体实施方式中,所述同步模块304用于配置所述新样式图片的层叠样式表规则:
设置backgroudn-position参数,该项参数用于使所述新样式图片定位在所述窗口中所述原背景图片的位置处;
设置background-size参数,该项参数用于保证所述新样式图片跟随所述原背景图片的尺寸变化并保持一致;
设置backgroudn-position参数,该项参数用于对所述新样式图片在所述窗口中的位置进行定位,以保证所述新样式图片跟随所述原背景图片的位置变化并保持一致。
在本申请实施例的实施方式中,所述大数据的地图背景优化装置还包括检验模块;所述检验模块用于当所述原生地图位置状态出现变化后,显示隐藏的所述原背景图片;以获取所述原背景图片与所述新样式图片的重叠状态,判断两者是否完全重合。
本申请实施例所述的大数据的地图背景优化装置,本申请实施例所述的大数据的地图背景优化方法,通过设置响应式布局,根据响应式原理的自适应性可以让作为新背景的图片保持动态性变化以自动适配容器中原生地图的原背景图片变化后的大小和位置,从而避免地图变化时出现定位点错位的问题,而且其不需要增加监听事件,使用的代码较为简洁,配置更简单方便,使***的性能也能够得以提升。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图4,图4为本实施例计算机设备基本结构框图。
所述计算机设备6包括通过***总线相互通信连接存储器61、处理器62、网络接口63。需要指出的是,图中仅示出了具有组件61-63的计算机设备6,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable GateArray,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器61至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器61可以是所述计算机设备6的内部存储单元,例如该计算机设备6的硬盘或内存。在另一些实施例中,所述存储器61也可以是所述计算机设备6的外部存储设备,例如该计算机设备6上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。当然,所述存储器61还可以既包括所述计算机设备6的内部存储单元也包括其外部存储设备。本实施例中,所述存储器61通常用于存储安装于所述计算机设备6的操作***和各类应用软件,例如大数据的地图背景优化方法的程序代码等。此外,所述存储器61还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器62在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器62通常用于控制所述计算机设备6的总体操作。本实施例中,所述处理器62用于运行所述存储器61中存储的程序代码或者处理数据,例如运行所述大数据的地图背景优化方法的程序代码。
所述网络接口63可包括无线网络接口或有线网络接口,该网络接口63通常用于在所述计算机设备6与其他电子设备之间建立通信连接。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有大数据的地图背景优化程序,所述大数据的地图背景优化程序可被至少一个处理器执行,以使所述至少一个处理器执行如上述的大数据的地图背景优化方法的步骤。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
在本申请所提供的上述实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如,多个模块或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。
所述模块或组件可以是或者也可以不是物理上分开的,作为模块或组件显示的部件可以是或者也可以不是物理模块,既可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块或组件来实现本实施例方案的目的。
本申请不限于上述实施方式,以上所述是本申请的优选实施方式,该实施例仅用于说明本申请而不用于限制本申请的范围,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,其依然可以对前述各具体实施方式所记载的技术方案进行若干改进和修饰,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理应视为包括在本申请的保护范围之内。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,以及凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (9)
1.一种大数据的地图背景优化方法,其特征在于,包括:
读取网络地图,并获取由所述网络地图中真实地理信息数据渲染的原生地图;
保留所述原生地图的地理特征,配置其地图样式以生成匹配所述原生地图的原背景图片的新样式图片;其中,所述原生地图由Echarts根据真实地理信息数据渲染出来的地图,所述新样式图片是以所述原生地图导出的图片轮廓为原型,在这个原型基础上进行美化、增强视觉效果的处理后最终生成的地图图片;
隐藏所述原生地图的原背景图片,将所述新样式图片置于原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片;
配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步;
当所述原生地图位置状态出现变化后,显示隐藏的所述原背景图片;获取所述原背景图片与所述新样式图片的重叠状态,判断两者是否完全重合;若不重合,重新设置所述新样式图片对于所述窗口的响应式布局。
2.根据权利要求1所述的大数据的地图背景优化方法,其特征在于,所述生成匹配所述原生地图的原背景图片的新样式图片的步骤包括:
获取所述原生地图的原背景图片的尺寸和显示比例;
基于获取的原背景图片的尺寸和显示比例设置所述新样式图片的尺寸和显示比例,以使所述新样式图片与所述原生地图的原背景图片的尺寸相同且显示比例一致。
3.根据权利要求2所述的大数据的地图背景优化方法,其特征在于,所述生成匹配所述原生地图的原背景图片的新样式图片的步骤还包括:
检测所述新样式图片所显示的地图区域中四周是否有空白区域;
若有空白区域,删除所述空白区域,重新调整所述新样式图片的尺寸和显示比例直至与所述原背景图片相同。
4.根据权利要求1所述的大数据的地图背景优化方法,其特征在于,所述将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片的步骤包括:
将所述新样式图片完全覆盖于所述原生地图的原背景图片上,以使所述新样式图片替换所述原生地图的原背景图片。
5.根据权利要求1所述的大数据的地图背景优化方法,其特征在于,所述配置所述新样式图片的层叠样式表规则的步骤包括:
设置backgroudn-position参数,用于使所述新样式图片定位在所述窗口中所述原背景图片的位置处;
设置background-size参数,用于保证所述新样式图片跟随所述原背景图片的尺寸变化并保持一致;
设置backgroudn-position参数,用于对所述新样式图片在所述窗口中的位置进行定位,以保证所述新样式图片跟随所述原背景图片的位置变化并保持一致。
6.一种大数据的地图背景优化装置,其特征在于,包括:
读取模块,用于读取网络地图,并获取由所述网络地图中真实地理信息数据渲染的原生地图;
定制模块,用于保留所述原生地图的地理特征,配置其地图样式以生成匹配所述原生地图的原背景图片的新样式图片;其中,所述原生地图由Echarts根据真实地理信息数据渲染出来的地图,所述新样式图片是以所述原生地图导出的图片轮廓为原型,在这个原型基础上进行美化、增强视觉效果的处理后最终生成的地图图片;
替换模块,用于隐藏所述原生地图的原背景图片,将所述新样式图片置于所述原生地图所处容器的窗口中,并设为所述原生地图的新的背景图片;
同步模块,用于配置所述新样式图片的层叠样式表规则,形成所述新样式图片对于所述窗口的响应式布局,以使所述新样式地图匹配所述原背景图片的位置,并保持与所述原背景图片的尺寸及位置的状态变化同步;
检验模块,用于当所述原生地图位置状态出现变化后,显示隐藏的所述原背景图片;获取所述原背景图片与所述新样式图片的重叠状态,判断两者是否完全重合;若不重合,重新设置所述新样式图片对于所述窗口的响应式布局。
7.根据权利要求6所述的大数据的地图背景优化装置,其特征在于,所述定制模块用于获取所述原生地图的原背景图片的尺寸和显示比例,并基于获取的原背景图片的尺寸和显示比例设置所述新样式图片的尺寸和显示比例,以使所述新样式图片与所述原生地图的原背景图片的尺寸相同且显示比例一致。
8.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器执行所述计算机程序时实现如权利要求1-6中任意一项所述的大数据的地图背景优化方法的步骤。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-6中任意一项所述的大数据的地图背景优化方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910430063.3A CN110334163B (zh) | 2019-05-22 | 2019-05-22 | 大数据的地图背景优化方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910430063.3A CN110334163B (zh) | 2019-05-22 | 2019-05-22 | 大数据的地图背景优化方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110334163A CN110334163A (zh) | 2019-10-15 |
CN110334163B true CN110334163B (zh) | 2020-09-04 |
Family
ID=68139703
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910430063.3A Active CN110334163B (zh) | 2019-05-22 | 2019-05-22 | 大数据的地图背景优化方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110334163B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111258483B (zh) * | 2020-01-20 | 2021-06-15 | 北京无限光场科技有限公司 | 图像缩放显示方法、装置、计算机设备及可读介质 |
CN116204184B (zh) * | 2023-04-28 | 2023-07-14 | 深圳华龙讯达信息技术股份有限公司 | 一种提高页面风格适配的ui编辑方法、***及存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104391919A (zh) * | 2014-11-20 | 2015-03-04 | 上海交通大学 | 智能电网地理可视化实现***及方法 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8498481B2 (en) * | 2010-05-07 | 2013-07-30 | Microsoft Corporation | Image segmentation using star-convexity constraints |
CN104063901A (zh) * | 2014-07-07 | 2014-09-24 | 百度在线网络技术(北京)有限公司 | 电子地图的展现方法及装置 |
CN106874271A (zh) * | 2015-12-10 | 2017-06-20 | 上海新工式网络科技有限公司 | 一种将pc网页转换为移动终端网页的方法及*** |
CN107562450A (zh) * | 2017-07-24 | 2018-01-09 | 华中师范大学 | 一种地方志资源跨平台可视化方法 |
CN109471628A (zh) * | 2018-10-30 | 2019-03-15 | 中译语通科技股份有限公司 | 一种弹性响应式网页数据设定方法 |
CN109741397B (zh) * | 2019-01-04 | 2022-06-07 | 京东方科技集团股份有限公司 | 图片标记方法、装置、计算机设备及可读存储介质 |
-
2019
- 2019-05-22 CN CN201910430063.3A patent/CN110334163B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104391919A (zh) * | 2014-11-20 | 2015-03-04 | 上海交通大学 | 智能电网地理可视化实现***及方法 |
Also Published As
Publication number | Publication date |
---|---|
CN110334163A (zh) | 2019-10-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11460996B2 (en) | Modifying style layer properties of a digital map | |
US20140362118A1 (en) | Method and System for Displaying Imagery as a Wallpaper on a Computing Device | |
CN103238131B (zh) | 显示装置、显示方法和程序 | |
US11126336B2 (en) | Dynamic street scene overlay | |
CN104765715A (zh) | 云端字体服务*** | |
CN110334163B (zh) | 大数据的地图背景优化方法、装置、设备及存储介质 | |
CN108255900A (zh) | 推荐新闻呈现方法、设备、浏览器及电子设备 | |
US20200219299A1 (en) | Picture marking method and apparatus, computer device, and computer readable storage medium | |
CN108154515A (zh) | 图片展现方法和装置 | |
US20140359405A1 (en) | Method and device of displaying images in text information | |
CN112016502A (zh) | 安全带检测方法、装置、计算机设备及存储介质 | |
CN111222069A (zh) | 报表组件调整方法、装置及相关设备 | |
US20150187098A1 (en) | Method and apparatus for unobtrusively changing imagery supplementing a map display | |
CN113312135B (zh) | 一种列表展示方法、装置、计算机设备及存储介质 | |
CN110457408B (zh) | 个性化地图下载方法、装置、设备及存储介质 | |
CN107391148B (zh) | 视图元素保存方法、装置、电子设备及计算机存储介质 | |
US9100697B1 (en) | Intelligent full window web browser transparency | |
CN115471582A (zh) | 地图生成方法、装置、计算机设备及存储介质 | |
CN115619904A (zh) | 图像处理方法、装置及设备 | |
WO2021135325A1 (zh) | Gis点数据渲染方法、装置、计算机设备和存储介质 | |
US10592087B1 (en) | System and method for creating fluid design keyframes on graphical user interface | |
CN112328940A (zh) | 网页嵌入过渡页的方法、装置、计算机设备及存储介质 | |
CN106156371B (zh) | 一种实现网页完整背景图的方法及装置 | |
CN115130035B (zh) | 展示页面生成方法、装置、电子设备、介质和程序产品 | |
CN110148190A (zh) | 气象图像订正方法、装置、计算机设备和存储介质 |
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 |