CN117390057A - 一种地图数据查询方法及系统 - Google Patents
一种地图数据查询方法及系统 Download PDFInfo
- Publication number
- CN117390057A CN117390057A CN202311685183.0A CN202311685183A CN117390057A CN 117390057 A CN117390057 A CN 117390057A CN 202311685183 A CN202311685183 A CN 202311685183A CN 117390057 A CN117390057 A CN 117390057A
- Authority
- CN
- China
- Prior art keywords
- map
- data
- page
- regional
- basic
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 60
- 238000009877 rendering Methods 0.000 claims abstract description 27
- 238000006243 chemical reaction Methods 0.000 claims description 21
- 230000006870 function Effects 0.000 claims description 11
- 230000015654 memory Effects 0.000 claims description 10
- 238000005516 engineering process Methods 0.000 claims description 9
- 230000002688 persistence Effects 0.000 claims description 5
- 230000015556 catabolic process Effects 0.000 abstract description 4
- 230000000694 effects Effects 0.000 abstract description 3
- 230000005540 biological transmission Effects 0.000 abstract description 2
- 230000008569 process Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000009471 action Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000002085 persistent effect Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000004590 computer program Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000011084 recovery Methods 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
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/24—Querying
- G06F16/245—Query processing
-
- 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/24—Querying
- G06F16/248—Presentation of query results
-
- 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/25—Integrating or interfacing systems involving database management systems
-
- 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/27—Replication, distribution or synchronisation of data between databases or within a distributed database system; Distributed database system architectures therefor
- G06F16/278—Data partitioning, e.g. horizontal or vertical partitioning
-
- 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/28—Databases characterised by their database models, e.g. relational or object models
- G06F16/284—Relational databases
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- Computing Systems (AREA)
- Remote Sensing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供一种地图数据查询方法及系统,涉及地图页面渲染领域,在该方法中,前端可以创建基础地图页面,并通过Promise同时执行以下两个操作:渲染基础地图页面;使用Web Workers多线程技术向后端发送多个区域数据请求。后端在接收多个区域数据请求时,一次性返回对应的多组查询结果给前端,以使前端可以对多组查询结果进行解析,并调用预设的地图绘制路网函数和初始化后的全局变量,将得到的解析数据绘制到基础地图页面上,得到地图展示页面。可见,该方法及系统不仅能够同时执行渲染和发送请求两个操作,还能通过多线程的通信与解析方式,避免数据的逐个传输与处理,实现降低耗时、提高效率的效果,避免加载时间长导致的页面卡顿问题和页面崩溃问题出现。
Description
技术领域
本申请涉及地图页面渲染领域,具体而言,涉及一种地图数据查询方法及系统。
背景技术
现有的地图数据查询方法,通常采用传统web技术栈使用GeoJSON进行客户端和服务端分离的方案,涉及的静态数据较多,数据量比较小,客户端和服务端的交互中传输的数据量不大。然而,在实践中发现,在高精地图领域,特别是数字孪生项目中客户端要渲染包括道路、路牌、车道线,管道,建筑、绿地、山脉等,在数据传输过程中,单次请求数据量往往较大(可超过300M),而该种较大的数据量往往伴随着较长的解析时间及渲染时间,从而直接导致地图数据查询效率变低;另外,长时间的加载等待还会导致浏览器等页面的卡顿和崩溃,从而影响用户的使用体验。
发明内容
本申请实施例的目的在于提供一种地图数据查询方法及系统,能够提高地图数据的解析效率和渲染效率,从而避免页面卡顿和崩溃的问题出现。
本申请第一方面提供了一种地图数据查询方法,所述方法应用于包括前端和后端的地图数据查询系统中,其中,
所述后端获取多个区域地图数据;
所述前端创建基础地图页面,并在对所述基础地图页面进行渲染的同时,发送多个区域数据请求至所述后端;
所述后端接收所述前端发送的多个所述区域数据请求;
所述后端基于多个所述区域数据请求和多个所述区域地图数据进行分区域数据查询,得到多组查询结果;
所述后端将所述多组查询结果反馈至所述前端;
所述前端对所述多组查询结果进行解析,得到解析数据;并将所述解析数据绘制到所述基础地图页面上,得到地图展示页面;
所述前端输出所述地图展示页面。
进一步地,所述后端获取多个区域地图数据,包括:
所述后端获取GeoJSON原地图数据;
所述后端对所述GeoJSON原地图数据进行转换处理,得到作为MySQL的持久化对象的地图转换数据;其中,所述地图转换数据为JAVA语言的数据结构;
所述后端按照预设区域维度对所述地图转换数据进行划分处理,得到多个区域地图数据。
进一步地,所述前端创建基础地图页面,包括:
所述前端创建原始网页;
所述前端在所述原始网页中使用iframe标签嵌入目标地图页面,得到基础地图页面。
进一步地,所述前端创建基础地图页面,并在对所述基础地图页面进行渲染的同时,发送多个区域数据请求至所述后端,包括:
所述前端创建基础地图页面,并在对所述基础地图页面进行渲染的同时,通过WebWorkers多线程技术开启多个子线程,通过所述多个子线程分别发送多个区域数据请求至所述后端,以请求多种区域的区域数据;其中,每个所述子线程对应请求一种区域的区域数据,所述区域具体为国道、省道、县道、乡道、村道以及专用公路中的其中一种。
进一步地,所述后端接收所述前端发送的多个所述区域数据请求,包括:
所述后端根据预先配置的批量查询GeoJson接口,接收前端发送的多个所述区域数据请求。
进一步地,所述前端将所述解析数据绘制到所述基础地图页面上,得到地图展示页面,包括:
所述前端基于所述基础地图页面对内存中全局变量进行初始化;
所述前端调用预设的地图绘制路网函数和初始化后的所述全局变量,将所述解析数据绘制到所述基础地图页面上,得到地图展示页面。
进一步地,所述前端对所述多组查询结果进行解析,得到解析数据之后,所述方法还包括:
所述前端将所述解析数据储存于indexdb中;
所述前端在接收到页面刷新指令时,根据所述页面刷新指令对所述地图展示页面进行刷新,得到刷新后的基础地图页面;
所述前端从所述indexdb获取所述解析数据,并执行所述的将所述解析数据绘制到所述基础地图页面上,得到地图展示页面。
本申请第二方面提供了一种地图数据查询系统,所述地图数据查询系统包括后端和前端,其中,
所述后端,用于获取多个区域地图数据;
所述前端,用于创建基础地图页面,并在对所述基础地图页面进行渲染的同时,发送多个区域数据请求至所述后端;
所述后端,还用于接收所述前端发送的多个所述区域数据请求;
所述后端,还用于基于多个所述区域数据请求和多个所述区域地图数据进行分区域数据查询,得到多组查询结果;
所述后端,还用于将所述多组查询结果反馈至所述前端;
所述前端,还用于对所述多组查询结果进行解析,得到解析数据;
所述前端,还用于将所述解析数据绘制到所述基础地图页面上,得到地图展示页面;
所述前端,还用于输出所述地图展示页面。
进一步地,所述后端,具体用于获取GeoJSON原地图数据;
所述后端,具体还用于对所述GeoJSON原地图数据进行转换处理,得到作为MySQL的持久化对象的地图转换数据;其中,所述地图转换数据为JAVA语言的数据结构;
所述后端,具体还用于按照预设区域维度对所述地图转换数据进行划分处理,得到多个区域地图数据。
进一步地,所述前端,具体用于创建原始网页;
所述前端,具体还用于在所述原始网页中使用iframe标签嵌入目标地图页面,得到基础地图页面。
进一步地,所述前端,具体用于创建基础地图页面,并在对所述基础地图页面进行渲染的同时,通过Web Workers多线程技术开启多个子线程,通过所述多个子线程分别发送多个区域数据请求至所述后端,以请求多种区域的区域数据;其中,每个所述子线程对应请求一种区域的区域数据,所述区域具体为国道、省道、县道、乡道、村道以及专用公路中的其中一种。
进一步地,所述后端,具体用于根据预先配置的批量查询GeoJson接口,接收前端发送的多个所述区域数据请求。
进一步地,所述前端,具体用于基于所述基础地图页面对内存中全局变量进行初始化;
所述前端,具体还用于调用预设的地图绘制路网函数和初始化后的所述全局变量,将所述解析数据绘制到所述基础地图页面上,得到地图展示页面。
进一步地,所述前端,还用于在对所述多组查询结果进行解析,得到解析数据之后,将所述解析数据储存于indexdb中;
所述前端,还用于在接收到页面刷新指令时,根据所述页面刷新指令对所述地图展示页面进行刷新,得到刷新后的基础地图页面;
所述前端,还用于从所述indexdb获取所述解析数据,并执行所述的将所述解析数据绘制到所述基础地图页面上,得到地图展示页面。
本申请的有益效果为:该方法及系统能够提高地图数据的解析效率和渲染效率,从而避免页面卡顿和崩溃的问题出现。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的一种地图数据查询方法的流程示意图;
图2为本申请实施例提供的另一种地图数据查询方法的流程示意图;
图3为本申请实施例提供的一种地图数据查询系统的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本申请的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
实施例1
请参看图1,图1为本实施例提供的一种地图数据查询方法的流程示意图。其中,该地图数据查询方法应用于包括前端和后端的地图数据查询系统中,其中,
S101、后端获取多个区域地图数据。
S102、前端创建基础地图页面,并在对基础地图页面进行渲染的同时,发送多个区域数据请求至后端。
S103、后端接收前端发送的多个区域数据请求。
S104、后端基于多个区域数据请求和多个区域地图数据进行分区域数据查询,得到多组查询结果。
S105、后端将多组查询结果反馈至前端。
S106、前端对多组查询结果进行解析,得到解析数据。
S107、前端将解析数据绘制到基础地图页面上,得到地图展示页面。
S108、前端输出地图展示页面。
本实施例中,上述后端可以为后台服务器。该方法在后端主要实现将一整块数据分批次分类型渲染的效果。举例来说,后端可以接收用户提供的所有GeoJSON原数据;然后,划分为各个区域GeoJSON;再后,分别解析各个区域数据;最后,后端根据区域查询,接收多个http请求,同等耗时情况下,一次性可返回多组数据。
举例来说,前端可以使用iframe框架来实现地图页面的创建;然后运用promise,将页面加载渲染、网络请求同步进行:在浏览器渲染地图基础页面的同时,使用浏览器的Web Workers多线程技术,同时向后台服务器发送多个http请求,后台服务器返回多组查询结果,前端再同步进行数据解析。再后,前端可以运用promise all同时监听前述步骤是否结束,监听完成后将解析的数据绘制到基础地图上。
本实施例中,该方法的前端、后端可以为计算机、服务器等计算装置,对此本实施例中不作任何限定。
在本实施例中,该方法的前端还可以为智能手机、平板电脑等智能设备,对此本实施例中不作任何限定。
可见,实施本实施例所描述的地图数据查询方法,能够提高地图数据的解析效率和渲染效率,从而避免页面卡顿和崩溃的问题出现,进而提升用户的使用体验。
实施例2
请参看图2,图2为本实施例提供的一种地图数据查询方法的流程示意图。其中,该地图数据查询方法应用于包括前端和后端的地图数据查询系统中,其中,
S201、后端获取GeoJSON原地图数据。
S202、后端对GeoJSON原地图数据进行转换处理,得到作为MySQL的持久化对象的地图转换数据;其中,地图转换数据为JAVA语言的数据结构。
本实施例中,该方法可以将用户提供的GeoJSON原地图数据转换为JAVA语言的数据结构以及MySQL的持久化对象。
在本实施例中,该方法可以使用异步方法将数据持久化,按照区域(省、市、区、镇、乡)来多维度组成GeoJSON。
S203、后端按照预设区域维度对地图转换数据进行划分处理,得到多个区域地图数据。
S204、前端创建原始网页。
S205、前端在原始网页中使用iframe标签嵌入目标地图页面,得到基础地图页面。
本实施例中,该方法可以在网页中使用iframe标签嵌入目标地图页面。
在本实施例中,iframe框的全称是Inline Frame,是一种HTML元素,用于在网页中嵌入其他网页或文档。它可以创建一个独立的窗口,用于显示其他网页的内容,这样用户就可以在同一个页面中同时浏览多个网页。它可以在网页中创建一个可滚动的矩形区域,用于显示其他网页的内容。
S206、前端在对基础地图页面进行渲染的同时,通过Web Workers多线程技术开启多个子线程。
本实施例中,Web Workers为 Web 内容在后台线程中运行脚本提供了一种简单的方法。其中,线程可以执行任务而不干扰用户界面。此外,它们可以使用XMLHttpRequest(尽管responseXML和channel属性总是为空)或fetch(没有这些限制)执行I/O。一旦创建,一个worker可以将消息发送到创建它的JavaScript代码,通过将消息发布到该代码指定的事件处理器(反之亦然)。
S207、前端通过多个子线程分别发送多个区域数据请求至后端,以请求多种区域的区域数据;其中,每个子线程对应请求一种区域的区域数据,区域具体为国道、省道、县道、乡道、村道以及专用公路中的其中一种。
本实施例中,前端根据地图中心点位以及缩放大小,按需调用该接口,满足地图路产展示。
本实施例中,该方法可以运用promise将页面加载渲染、网络请求同步进行。具体的,该方法可以在网页渲染的同时(利用本身的html、css渲染地图,形成常规地图),运用浏览器的Web Workers多线程技术,同时开启6个子线程,分别去请求处理国道,省道,县道,乡道,村道,专用公路的数据。
举例来说,该方法可以在主线程中,使用‘new Worker’构造函数,来创建一个‘Worker’实例(具体包括国道Worker,省道Worker,县道Worker,乡道Worker,村道Worker,专用公路Worker)。然后,该方法再在主线程中监听子线程Worker回发的数据。
S208、后端根据预先配置的批量查询GeoJson接口,接收前端发送的多个区域数据请求。
本实施例中,后端根据封装了的批量查询GeoJson的接口,能够减少IO时间。
S209、后端基于多个区域数据请求和多个区域地图数据进行分区域数据查询,得到多组查询结果。
S210、后端将多组查询结果反馈至前端。
S211、前端对多组查询结果进行解析,得到解析数据。
本实施例中,前端可以通过Web Workers多线程技术获取后台服务器发送的大量数据并解析,最后运用promise all同时监听前述步骤是否结束。其中,Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由网络社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。简单来说,Promise就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。
在本实施例中,前端可以初始化绘制边界信息,并进一步地在监听完成后将解析的数据绘制到基础地图页面上。
作为一种可选的实施方式,该方法还包括:
前端将解析数据储存于indexdb中;
前端在接收到页面刷新指令时,根据页面刷新指令对地图展示页面进行刷新,得到刷新后的基础地图页面;
前端从indexdb获取解析数据,并执行的将解析数据绘制到基础地图页面上,得到地图展示页面。
本实施例中,前端可以将所有解析后的数据存储到indexdb,使得数据只在第一次登录请求一次,之后不再发起网络请求,而是从indexdb获取数据,并以此来节约网络请求时间。具体的,当刷新页面后,再次进行地图渲染时该方法可以直接从indexdb获取数据,不需要二次解析。可见,这相当于数据只在第一次登录请求一次,有利于为后续地图渲染节约网络请求时间。
在本实施例中,Indexdb是一种底层API,用于在客户端存储大量的结构化数据。
S212、前端基于基础地图页面对内存中全局变量进行初始化。
本实施例中,该方法在对地图进行初始化的过程中,会定义部分全局变量:国道图层(如gdLineLayerGroup)、省道图层(如sdLineLayerGroup)等等。
本实施例中,该方法可以在面对“调用地图绘制路网函数时,自定义部分的全局变量,会造成JavaScript语法中的闭包问题,导致浏览器内存溢出”的问题时,通过上述初始化手段来避免某些变量未被浏览器垃圾回收机制回收的问题出现,进而避免内存溢出、页面卡顿、浏览器崩溃的问题出现。具体的,由于上述全局变量的使用会造成JavaScript语法中的闭包问题,而这些变量所占用的存储空间又是十分庞大的,如果浏览器的垃圾回收机制不能及时将这些内存回收的话,会导致浏览器的卡顿甚至崩溃现象出现,因此该方法在上述初始化过程中在清除图层的时候需要将这些变量赋值null,从而以此来实现清除零时存储在内存中的路网数据的效果,进而便于浏览器的垃圾回收。
S213、前端调用预设的地图绘制路网函数和初始化后的全局变量,将解析数据绘制到基础地图页面上,得到地图展示页面。
S214、前端输出地图展示页面。
本实施例中,该方法的前端、后端可以为计算机、服务器等计算装置,对此本实施例中不作任何限定。
在本实施例中,该方法的前端还可以为智能手机、平板电脑等智能设备,对此本实施例中不作任何限定。
可见,实施本实施例所描述的地图数据查询方法,能够提高地图数据的解析效率和渲染效率,从而避免页面卡顿和崩溃的问题出现,进而提升用户的使用体验。
实施例3
请参看图3,图3为本实施例提供的一种地图数据查询系统的结构示意图。如图3所示,地图数据查询系统包括后端400和前端300,其中,
后端400,用于获取多个区域地图数据;
前端300,用于创建基础地图页面,并在对基础地图页面进行渲染的同时,发送多个区域数据请求至后端400;
后端400,还用于接收前端300发送的多个区域数据请求;
后端400,还用于基于多个区域数据请求和多个区域地图数据进行分区域数据查询,得到多组查询结果;
后端400,还用于将多组查询结果反馈至前端300;
前端300,还用于对多组查询结果进行解析,得到解析数据;
前端300,还用于将解析数据绘制到基础地图页面上,得到地图展示页面;
前端300,还用于输出地图展示页面。
作为一种可选的实施方式,后端400,具体用于获取GeoJSON原地图数据;
后端400,具体还用于对GeoJSON原地图数据进行转换处理,得到作为MySQL的持久化对象的地图转换数据;其中,地图转换数据为JAVA语言的数据结构;
后端400,具体还用于按照预设区域维度对地图转换数据进行划分处理,得到多个区域地图数据。
作为一种可选的实施方式,前端300,具体用于创建原始网页;
前端300,具体还用于在原始网页中使用iframe标签嵌入目标地图页面,得到基础地图页面。
作为一种可选的实施方式,前端300,具体用于创建基础地图页面,并在对所述基础地图页面进行渲染的同时,通过Web Workers多线程技术开启多个子线程,通过多个子线程分别发送多个区域数据请求至后端400,以请求多种区域的区域数据;其中,每个子线程对应请求一种区域的区域数据,区域具体为国道、省道、县道、乡道、村道以及专用公路中的其中一种。
作为一种可选的实施方式,后端400,具体用于根据预先配置的批量查询GeoJson接口,接收前端300发送的多个区域数据请求。
作为一种可选的实施方式,前端300,具体用于基于基础地图页面对内存中全局变量进行初始化;
前端300,具体还用于调用预设的地图绘制路网函数和初始化后的全局变量,将解析数据绘制到基础地图页面上,得到地图展示页面。
作为一种可选的实施方式,前端300,还用于在对所述多组查询结果进行解析,得到解析数据之后,将解析数据储存于indexdb中;
前端300,还用于在接收到页面刷新指令时,根据页面刷新指令对地图展示页面进行刷新,得到刷新后的基础地图页面;
前端300,还用于从indexdb获取解析数据,并执行的将解析数据绘制到基础地图页面上,得到地图展示页面。
本实施例中,对于地图数据查询系统的解释说明可以参照实施例1中的描述,对此本实施例中不再多加赘述。
可见,实施本实施例所描述的地图数据查询系统,能够提高地图数据的解析效率和渲染效率,从而避免页面卡顿和崩溃的问题出现,进而提升用户的使用体验。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统和方法,也可以通过其它的方式实现。以上所描述的系统实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本申请的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本申请的实施例而已,并不用于限制本申请的保护范围,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
Claims (10)
1.一种地图数据查询方法,其特征在于,所述方法应用于包括前端和后端的地图数据查询系统中,其中,
所述后端获取多个区域地图数据;
所述前端创建基础地图页面,并在对所述基础地图页面进行渲染的同时,发送多个区域数据请求至所述后端;
所述后端接收所述前端发送的多个所述区域数据请求;
所述后端基于多个所述区域数据请求和多个所述区域地图数据进行分区域数据查询,得到多组查询结果;
所述后端将所述多组查询结果反馈至所述前端;
所述前端对所述多组查询结果进行解析,得到解析数据;
所述前端将所述解析数据绘制到所述基础地图页面上,得到地图展示页面;
所述前端输出所述地图展示页面。
2.根据权利要求1所述的地图数据查询方法,其特征在于,所述后端获取多个区域地图数据,包括:
所述后端获取GeoJSON原地图数据;
所述后端对所述GeoJSON原地图数据进行转换处理,得到作为MySQL的持久化对象的地图转换数据;其中,所述地图转换数据为JAVA语言的数据结构;
所述后端按照预设区域维度对所述地图转换数据进行划分处理,得到多个区域地图数据。
3.根据权利要求1所述的地图数据查询方法,其特征在于,所述前端创建基础地图页面,包括:
所述前端创建原始网页;
所述前端在所述原始网页中使用iframe标签嵌入目标地图页面,得到基础地图页面。
4.根据权利要求1所述的地图数据查询方法,其特征在于,所述前端创建基础地图页面,并在对所述基础地图页面进行渲染的同时,发送多个区域数据请求至所述后端,包括:
所述前端创建基础地图页面,并在对所述基础地图页面进行渲染的同时,通过WebWorkers多线程技术开启多个子线程,通过所述多个子线程分别发送多个区域数据请求至所述后端,以请求多种区域的区域数据;其中,每个所述子线程对应请求一种区域的区域数据,所述区域具体为国道、省道、县道、乡道、村道以及专用公路中的其中一种。
5.根据权利要求1所述的地图数据查询方法,其特征在于,所述后端接收所述前端发送的多个所述区域数据请求,包括:
所述后端根据预先配置的批量查询GeoJson接口,接收前端发送的多个所述区域数据请求。
6.根据权利要求1所述的地图数据查询方法,其特征在于,所述前端将所述解析数据绘制到所述基础地图页面上,得到地图展示页面,包括:
所述前端基于所述基础地图页面对内存中全局变量进行初始化;
所述前端调用预设的地图绘制路网函数和初始化后的所述全局变量,将所述解析数据绘制到所述基础地图页面上,得到地图展示页面。
7.根据权利要求1至6任一项所述的地图数据查询方法,其特征在于,所述地图数据查询方法还包括:
所述前端将所述解析数据储存于indexdb中;
所述前端在接收到页面刷新指令时,根据所述页面刷新指令对所述地图展示页面进行刷新,得到刷新后的基础地图页面;
所述前端从所述indexdb获取所述解析数据,并执行所述的将所述解析数据绘制到所述基础地图页面上,得到地图展示页面。
8.一种地图数据查询系统,其特征在于,所述地图数据查询系统包括后端和前端,其中,
所述后端,用于获取多个区域地图数据;
所述前端,用于创建基础地图页面,并在对所述基础地图页面进行渲染的同时,发送多个区域数据请求至所述后端;
所述后端,还用于接收所述前端发送的多个所述区域数据请求;
所述后端,还用于基于多个所述区域数据请求和多个所述区域地图数据进行分区域数据查询,得到多组查询结果;
所述后端,还用于将所述多组查询结果反馈至所述前端;
所述前端,还用于对所述多组查询结果进行解析,得到解析数据;并将所述解析数据绘制到所述基础地图页面上,得到地图展示页面;
所述前端,还用于输出所述地图展示页面。
9.根据权利要求8所述的地图数据查询系统,其特征在于,
所述后端,具体用于获取GeoJSON原地图数据;
所述后端,具体还用于对所述GeoJSON原地图数据进行转换处理,得到作为MySQL的持久化对象的地图转换数据;其中,所述地图转换数据为JAVA语言的数据结构;
所述后端,具体还用于按照预设区域维度对所述地图转换数据进行划分处理,得到多个区域地图数据。
10.根据权利要求8所述的地图数据查询系统,其特征在于,
所述前端,具体用于创建原始网页;
所述前端,具体还用于在所述原始网页中使用iframe标签嵌入目标地图页面,得到基础地图页面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311685183.0A CN117390057B (zh) | 2023-12-11 | 2023-12-11 | 一种地图数据查询方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311685183.0A CN117390057B (zh) | 2023-12-11 | 2023-12-11 | 一种地图数据查询方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN117390057A true CN117390057A (zh) | 2024-01-12 |
CN117390057B CN117390057B (zh) | 2024-03-19 |
Family
ID=89468675
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311685183.0A Active CN117390057B (zh) | 2023-12-11 | 2023-12-11 | 一种地图数据查询方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117390057B (zh) |
Citations (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004078636A (ja) * | 2002-08-20 | 2004-03-11 | Nippon Telegr & Teleph Corp <Ntt> | メモリ管理システムとメモリ配置方法およびそのプログラムと記録媒体 |
CN101895574A (zh) * | 2010-07-09 | 2010-11-24 | 苏州市数字城市工程研究中心有限公司 | 一种空间信息网络动态自主加载技术方案和系统 |
US20130091332A1 (en) * | 2011-10-05 | 2013-04-11 | Andre Vankov | OS-independent Framework and Software Library for Real Time Inter-process Data Transfer (Data River) |
CN104156480A (zh) * | 2014-08-26 | 2014-11-19 | 天津市普迅电力信息技术有限公司 | 一种基于wpf和gdi+分层绘制地图的方法 |
CN104318349A (zh) * | 2014-10-10 | 2015-01-28 | 南通大学 | 基于Silverlight和ArcGIS的海籍监测管理方法 |
CN105022818A (zh) * | 2015-07-08 | 2015-11-04 | 纪兴瑞 | 瓦片图存储及加载方法 |
CN106844623A (zh) * | 2017-01-19 | 2017-06-13 | 湖北省基础地理信息中心(湖北省北斗卫星导航应用技术研究院) | 一种智慧城市二维可视化展示系统 |
CN107885867A (zh) * | 2017-11-22 | 2018-04-06 | 苏州联讯图创软件有限责任公司 | 地图切片数据的合成方法和合成系统 |
CN108271119A (zh) * | 2017-12-20 | 2018-07-10 | 深圳市气象局 | 多部门联合突发事件预警短信的发布装置及系统 |
CN108269386A (zh) * | 2017-12-20 | 2018-07-10 | 深圳市气象局 | 突发事件预警信息的短信发送装置、发布装置及系统 |
CN110275968A (zh) * | 2019-06-26 | 2019-09-24 | 北京百度网讯科技有限公司 | 图像数据处理方法和装置 |
CN110490964A (zh) * | 2018-05-11 | 2019-11-22 | 普天信息技术有限公司 | 一种节点分层渲染拓扑呈现方法和装置 |
CN110567459A (zh) * | 2018-06-05 | 2019-12-13 | 北京京东尚科信息技术有限公司 | 一种路径规划方法和装置 |
CN110633346A (zh) * | 2019-08-27 | 2019-12-31 | 腾讯科技(深圳)有限公司 | 一种运动路线推荐方法、装置及存储介质 |
CN110888891A (zh) * | 2019-11-01 | 2020-03-17 | 深圳市普天宜通技术股份有限公司 | 一种空间数据的提供方法、系统及存储介质 |
CN110990516A (zh) * | 2019-12-13 | 2020-04-10 | 苏州中科图新网络科技有限公司 | 地图数据的处理方法、装置和服务器 |
CN111198890A (zh) * | 2018-11-20 | 2020-05-26 | 北京图森智途科技有限公司 | 地图更新方法、路侧设备、车载装置、车辆和系统 |
CN113656528A (zh) * | 2021-08-31 | 2021-11-16 | 平安医疗健康管理股份有限公司 | 地图图层加载方法、装置、设备及存储介质 |
CN114968743A (zh) * | 2022-05-31 | 2022-08-30 | 重庆长安汽车股份有限公司 | 一种异常事件监控方法、装置、设备及介质 |
CN115033656A (zh) * | 2022-08-15 | 2022-09-09 | 海纳云物联科技有限公司 | 基于地图缓存技术的数据处理方法、装置及电子装置 |
CN116450759A (zh) * | 2023-03-01 | 2023-07-18 | 智道网联科技(北京)有限公司 | 高精地图数据查询方法、渲染方法及相关装置 |
CN116821255A (zh) * | 2022-03-16 | 2023-09-29 | 北京物资学院 | 基于gis地图的物流信息显示方法、装置及存储介质 |
CN116975170A (zh) * | 2022-11-18 | 2023-10-31 | 腾讯科技(深圳)有限公司 | 地图展示方法、地图数据生成方法、装置和电子设备 |
-
2023
- 2023-12-11 CN CN202311685183.0A patent/CN117390057B/zh active Active
Patent Citations (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004078636A (ja) * | 2002-08-20 | 2004-03-11 | Nippon Telegr & Teleph Corp <Ntt> | メモリ管理システムとメモリ配置方法およびそのプログラムと記録媒体 |
CN101895574A (zh) * | 2010-07-09 | 2010-11-24 | 苏州市数字城市工程研究中心有限公司 | 一种空间信息网络动态自主加载技术方案和系统 |
US20130091332A1 (en) * | 2011-10-05 | 2013-04-11 | Andre Vankov | OS-independent Framework and Software Library for Real Time Inter-process Data Transfer (Data River) |
CN104156480A (zh) * | 2014-08-26 | 2014-11-19 | 天津市普迅电力信息技术有限公司 | 一种基于wpf和gdi+分层绘制地图的方法 |
CN104318349A (zh) * | 2014-10-10 | 2015-01-28 | 南通大学 | 基于Silverlight和ArcGIS的海籍监测管理方法 |
CN105022818A (zh) * | 2015-07-08 | 2015-11-04 | 纪兴瑞 | 瓦片图存储及加载方法 |
CN106844623A (zh) * | 2017-01-19 | 2017-06-13 | 湖北省基础地理信息中心(湖北省北斗卫星导航应用技术研究院) | 一种智慧城市二维可视化展示系统 |
CN107885867A (zh) * | 2017-11-22 | 2018-04-06 | 苏州联讯图创软件有限责任公司 | 地图切片数据的合成方法和合成系统 |
CN108271119A (zh) * | 2017-12-20 | 2018-07-10 | 深圳市气象局 | 多部门联合突发事件预警短信的发布装置及系统 |
CN108269386A (zh) * | 2017-12-20 | 2018-07-10 | 深圳市气象局 | 突发事件预警信息的短信发送装置、发布装置及系统 |
CN110490964A (zh) * | 2018-05-11 | 2019-11-22 | 普天信息技术有限公司 | 一种节点分层渲染拓扑呈现方法和装置 |
CN110567459A (zh) * | 2018-06-05 | 2019-12-13 | 北京京东尚科信息技术有限公司 | 一种路径规划方法和装置 |
CN111198890A (zh) * | 2018-11-20 | 2020-05-26 | 北京图森智途科技有限公司 | 地图更新方法、路侧设备、车载装置、车辆和系统 |
CN110275968A (zh) * | 2019-06-26 | 2019-09-24 | 北京百度网讯科技有限公司 | 图像数据处理方法和装置 |
CN110633346A (zh) * | 2019-08-27 | 2019-12-31 | 腾讯科技(深圳)有限公司 | 一种运动路线推荐方法、装置及存储介质 |
CN110888891A (zh) * | 2019-11-01 | 2020-03-17 | 深圳市普天宜通技术股份有限公司 | 一种空间数据的提供方法、系统及存储介质 |
CN110990516A (zh) * | 2019-12-13 | 2020-04-10 | 苏州中科图新网络科技有限公司 | 地图数据的处理方法、装置和服务器 |
CN113656528A (zh) * | 2021-08-31 | 2021-11-16 | 平安医疗健康管理股份有限公司 | 地图图层加载方法、装置、设备及存储介质 |
CN116821255A (zh) * | 2022-03-16 | 2023-09-29 | 北京物资学院 | 基于gis地图的物流信息显示方法、装置及存储介质 |
CN114968743A (zh) * | 2022-05-31 | 2022-08-30 | 重庆长安汽车股份有限公司 | 一种异常事件监控方法、装置、设备及介质 |
CN115033656A (zh) * | 2022-08-15 | 2022-09-09 | 海纳云物联科技有限公司 | 基于地图缓存技术的数据处理方法、装置及电子装置 |
CN116975170A (zh) * | 2022-11-18 | 2023-10-31 | 腾讯科技(深圳)有限公司 | 地图展示方法、地图数据生成方法、装置和电子设备 |
CN116450759A (zh) * | 2023-03-01 | 2023-07-18 | 智道网联科技(北京)有限公司 | 高精地图数据查询方法、渲染方法及相关装置 |
Non-Patent Citations (3)
Title |
---|
宋栋;姜树明;陈长英;徐明;李源;: "跨平台嵌入式GIS系统设计关键技术研究", 山东科学, no. 03, 15 June 2009 (2009-06-15), pages 49 - 53 * |
朱玉, 陈国良: "利用小波技术设计分布式交互的在线地理信息系统浏览器", 小型微型计算机系统, no. 08, 21 August 2005 (2005-08-21), pages 113 - 118 * |
王继周, 李成名: "万维网地理信息系统中矢量空间数据的多线程传输实现技术", 测绘通报, no. 02, 25 February 2003 (2003-02-25), pages 50 - 52 * |
Also Published As
Publication number | Publication date |
---|---|
CN117390057B (zh) | 2024-03-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10572574B2 (en) | Dynamic font subsetting using a file size threshold for an electronic document | |
US7177918B2 (en) | Method and system for efficiently processing multiframe data in a client/server computing environment | |
CN105824830B (zh) | 一种显示页面的方法、客户端及设备 | |
CN108874922B (zh) | 客户端设备、基于单页应用的网页渲染方法和存储介质 | |
CN110020273B (zh) | 用于生成热力图的方法、装置以及系统 | |
CN110471709B (zh) | 一种加速网页打开速度的方法、装置、介质和电子设备 | |
CN112417343B (zh) | 一种基于前端Angular框架缓存数据的方法 | |
CN111367596A (zh) | 一种实现业务数据处理的方法及装置和客户端 | |
CN112149039A (zh) | 一种提升前端网页加载速度的方法 | |
CN115731313A (zh) | Svg格式的图片的处理方法、装置、设备、介质及产品 | |
CN104424325A (zh) | 数据查询方法和装置 | |
CN117390057B (zh) | 一种地图数据查询方法及系统 | |
CN110493250A (zh) | 一种web前端arcgis资源请求处理方法及装置 | |
CN108664191B (zh) | 系统访问方法及装置 | |
CN111565220B (zh) | 一种遥感影像数据快速访问方法及系统 | |
US11030177B1 (en) | Selectively scanning portions of a multidimensional index for processing queries | |
CN103150355A (zh) | 一种网页内容预览的方法、装置及设备 | |
CN117270834A (zh) | 地图渲染方法、装置、电子设备和存储介质 | |
CN109543127B (zh) | 一种页面刷新方法、装置、设备及可读存储介质 | |
CN113448649B (zh) | 一种基于Redis的首页数据加载的服务器及方法 | |
US8863035B2 (en) | Dynamic self-reorganizing trees in a user interface | |
CN115062250A (zh) | 页面管理方法、服务器、开发前端、门户网页端和系统 | |
US20160127496A1 (en) | Method and system of content caching and transmission | |
CN111859211A (zh) | 网页离线访问方法、装置、终端及存储介质 | |
CN107368497B (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 |