CN110535893A - 一种基于浏览器的地图数据渲染方法和装置 - Google Patents
一种基于浏览器的地图数据渲染方法和装置 Download PDFInfo
- Publication number
- CN110535893A CN110535893A CN201810508899.6A CN201810508899A CN110535893A CN 110535893 A CN110535893 A CN 110535893A CN 201810508899 A CN201810508899 A CN 201810508899A CN 110535893 A CN110535893 A CN 110535893A
- Authority
- CN
- China
- Prior art keywords
- map datum
- map
- networked terminals
- browser
- module
- 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.)
- Pending
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/52—Network services specially adapted for the location of the user terminal
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/60—Scheduling or organising the servicing of application requests, e.g. requests for application data transmissions using the analysis and optimisation of the required network resources
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/75—Indicating network or usage conditions on the user display
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种基于浏览器的地图数据渲染方法和装置,应用于视联网中,所述地图数据包括至少一个视联网终端的位置信息;所述的方法包括:浏览器接收展示地图数据的请求;针对所述请求,下载与浏览器画布尺寸对应地图数据;依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;判断视联网终端的数量是否超过数量阈值;若是,则将所述地图数据进行切割,得到多个地图数据块;对所述多个地图数据块进行渲染并展示。本发明实施例不仅解决了因为地图数据过大导致浏览器卡顿、掉线,甚至崩溃的问题,同时提升了用户体验。
Description
技术领域
本发明涉及视联网技术领域,特别是涉及一种基于浏览器的地图数据渲染方法和一种基于浏览器的地图数据渲染装置。
背景技术
随着网络科技的快速发展,电子地图已经取代了纸质地图,用户在电脑上通过浏览器就可以查看任何地方的位置,给人们的生活带来了便利。
但是,现有的浏览器在展示地图数据时,都是基于单线程的,当地图数据的数据量较大,特别是用户还搜索了某些点位,且点位较多时,浏览器不仅要展示地图数据,还要展示用户搜索的点位,会导致浏览器卡顿很久才展示地图数据和点位,甚至导致浏览器卡死崩溃。
发明内容
鉴于上述问题,提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于浏览器的地图数据渲染方法和相应的一种基于浏览器的地图数据渲染装置。
为了解决上述问题,本发明实施例公开了一种基于浏览器的地图数据渲染方法,所述方法应用于视联网中,所述地图数据包括至少一个视联网终端的位置信息;所述的方法包括:
浏览器接收展示地图数据的请求;
针对所述请求,下载与浏览器画布尺寸对应地图数据;
依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;
判断视联网终端的数量是否超过数量阈值;
若是,则将所述地图数据进行切割,得到多个地图数据块;
对所述多个地图数据块进行渲染并展示。
优选的,还包括:
若视联网终端的数量不超过数量阈值,则对所述地图数据进行渲染并展示。
优选的,所述依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量的步骤包括:
获取所述地图数据的经纬度范围;
判断各个视联网终端的位置信息是否属于所述经纬度范围;
若是,则统计出属于所述经纬度范围的视联网终端的数量。
优选的,所述浏览器设置有定时器;
所述将所述地图数据进行切割,得到多个地图数据块的步骤包括:
将所述地图数据发送至所述定时器;
所述定时器按照预置规则将所述地图数据切割成多个地图数据块。
优选的,所述对所述多个地图数据块进行渲染并展示的步骤包括:
当所述定时器结束一次定时时,对所述多个地图数据块中的任一个地图数据块进行渲染并展示,直至所有地图数据块渲染并展示完成。
相应的,本发明实施例公开了一种基于浏览器的地图数据渲染装置,所述装置应用于视联网中,所述地图数据包括至少一个视联网终端的位置信息;所述的装置包括:
接收模块,用于接收展示地图数据的请求;
下载模块,用于针对所述请求,下载与浏览器画布尺寸对应地图数据;
统计模块,用于依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;
判断模块,用于判断视联网终端的数量是否超过数量阈值;
切割模块,用于将所述地图数据进行切割,得到多个地图数据块;
渲染模块,用于对所述多个地图数据块进行渲染并展示。
优选的,所述渲染模块,还用于若视联网终端的数量不超过数量阈值,则对所述地图数据进行渲染并展示。
优选的,所述统计模块包括:
经纬度获取子模块,用于获取所述地图数据的经纬度范围;
经纬度判断子模块,用于判断各个视联网终端的位置信息是否属于所述经纬度范围;
计数子模块,用于统计出属于所述经纬度范围的视联网终端的数量。
优选的,所述浏览器设置有定时器子模块;
所述切割模块包括:
数据发送子模块,用于将所述地图数据发送至所述定时器;
所述定时器子模块,用于按照预置规则将所述地图数据切割成多个地图数据块。
优选的,所述渲染模块,还用于当所述定时器结束一次定时时,对所述多个地图数据块中的任一个地图数据块进行渲染并展示,直至所有地图数据块渲染并展示完成。
本发明实施例包括以下优点:
在本发明实施例中,浏览器先接收展示地图数据的请求;所述请求包括所述浏览器的画布尺寸;然后针对所述请求,下载与所述画布尺寸对应地图数据,再依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量,并判断视联网终端的数量是否超过数量阈值,若是,则将所述地图数据进行切割,得到多个地图数据块,最后,对所述多个地图数据块进行渲染并展示。这样,针对单线程的浏览器来说,不管地图数据有多大,都可以将地图数据先切割成多个地图数据块,然后依次渲染并展示各个地图数据块,不仅解决了因为地图数据过大导致浏览器卡顿、掉线,甚至崩溃的问题,同时提升了用户体验。
附图说明
图1是本发明的一种视联网的组网示意图;
图2是本发明的一种节点服务器的硬件结构示意图;
图3是本发明的一种接入交换机的硬件结构示意图;
图4是本发明的一种以太网协转网关的硬件结构示意图;
图5是本发明的一种基于浏览器的地图数据渲染方法实施例的步骤流程图;
图6是本发明的单线程浏览器执行简单事件的流程示意图;
图7是本发明的单线程浏览器执行复杂事件的流程示意图;
图8是本发明的单线程浏览器分解复杂的事件后的执行流程示意图;
图9是本发明的一种摄像头的电子聚焦装置实施例的结构框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
视联网是网络发展的重要里程碑,是一个实时网络,能够实现高清视频实时传输,将众多互联网应用推向高清视频化,高清面对面。
视联网采用实时高清视频交换技术,可以在一个网络平台上将所需的服务,如高清视频会议、视频监控、智能化监控分析、应急指挥、数字广播电视、延时电视、网络教学、现场直播、VOD点播、电视邮件、个性录制(PVR)、内网(自办)频道、智能化视频播控、信息发布等数十种视频、语音、图片、文字、通讯、数据等服务全部整合在一个系统平台,通过电视或电脑实现高清品质视频播放。
为使本领域技术人员更好地理解本发明实施例,以下对视联网进行介绍:
视联网所应用的部分技术如下所述:
网络技术(Network Technology)
视联网的网络技术创新改良了传统以太网(Ethernet),以面对网络上潜在的巨大视频流量。不同于单纯的网络分组包交换(Packet Switching)或网络电路交换(CircuitSwitching),视联网技术采用Packet Switching满足Streaming需求。视联网技术具备分组交换的灵活、简单和低价,同时具备电路交换的品质和安全保证,实现了全网交换式虚拟电路,以及数据格式的无缝连接。
交换技术(Switching Technology)
视联网采用以太网的异步和包交换两个优点,在全兼容的前提下消除了以太网缺陷,具备全网端到端无缝连接,直通用户终端,直接承载IP数据包。用户数据在全网范围内不需任何格式转换。视联网是以太网的更高级形态,是一个实时交换平台,能够实现目前互联网无法实现的全网大规模高清视频实时传输,将众多网络视频应用推向高清化、统一化。
服务器技术(Server Technology)
视联网和统一视频平台上的服务器技术不同于传统意义上的服务器,它的流媒体传输是建立在面向连接的基础上,其数据处理能力与流量、通讯时间无关,单个网络层就能够包含信令及数据传输。对于语音和视频业务来说,视联网和统一视频平台流媒体处理的复杂度比数据处理简单许多,效率比传统服务器大大提高了百倍以上。
储存器技术(Storage Technology)
统一视频平台的超高速储存器技术为了适应超大容量和超大流量的媒体内容而采用了最先进的实时操作系统,将服务器指令中的节目信息映射到具体的硬盘空间,媒体内容不再经过服务器,瞬间直接送达到用户终端,用户等待一般时间小于0.2秒。最优化的扇区分布大大减少了硬盘磁头寻道的机械运动,资源消耗仅占同等级IP互联网的20%,但产生大于传统硬盘阵列3倍的并发流量,综合效率提升10倍以上。
网络安全技术(Network Security Technology)
视联网的结构性设计通过每次服务单独许可制、设备与用户数据完全隔离等方式从结构上彻底根除了困扰互联网的网络安全问题,一般不需要杀毒程序、防火墙,杜绝了黑客与病毒的攻击,为用户提供结构性的无忧安全网络。
服务创新技术(Service Innovation Technology)
统一视频平台将业务与传输融合在一起,不论是单个用户、私网用户还是一个网络的总合,都不过是一次自动连接。用户终端、机顶盒或PC直接连到统一视频平台,获得丰富多彩的各种形态的多媒体视频服务。统一视频平台采用“菜谱式”配表模式来替代传统的复杂应用编程,可以使用非常少的代码即可实现复杂的应用,实现“无限量”的新业务创新。
视联网的组网如下所述:
视联网是一种集中控制的网络结构,该网络可以是树型网、星型网、环状网等等类型,但在此基础上网络中需要有集中控制节点来控制整个网络。
如图1所示,视联网分为接入网和城域网两部分。
接入网部分的设备主要可以分为3类:节点服务器,接入交换机,终端(包括各种机顶盒、编码板、存储器等)。节点服务器与接入交换机相连,接入交换机可以与多个终端相连,并可以连接以太网。
其中,节点服务器是接入网中起集中控制功能的节点,可控制接入交换机和终端。节点服务器可直接与接入交换机相连,也可以直接与终端相连。
类似的,城域网部分的设备也可以分为3类:城域服务器,节点交换机,节点服务器。城域服务器与节点交换机相连,节点交换机可以与多个节点服务器相连。
其中,节点服务器即为接入网部分的节点服务器,即节点服务器既属于接入网部分,又属于城域网部分。
城域服务器是城域网中起集中控制功能的节点,可控制节点交换机和节点服务器。城域服务器可直接连接节点交换机,也可直接连接节点服务器。
由此可见,整个视联网络是一种分层集中控制的网络结构,而节点服务器和城域服务器下控制的网络可以是树型、星型、环状等各种结构。
形象地称,接入网部分可以组成统一视频平台(虚线圈中部分),多个统一视频平台可以组成视联网;每个统一视频平台可以通过城域以及广域视联网互联互通。
视联网设备分类
1.1本发明实施例的视联网中的设备主要可以分为3类:服务器,交换机(包括以太网网关),终端(包括各种机顶盒,编码板,存储器等)。视联网整体上可以分为城域网(或者国家网、全球网等)和接入网。
1.2其中接入网部分的设备主要可以分为3类:节点服务器,接入交换机(包括以太网网关),终端(包括各种机顶盒,编码板,存储器等)。
各接入网设备的具体硬件结构为:
节点服务器:
如图2所示,主要包括网络接口模块201、交换引擎模块202、CPU模块203、磁盘阵列模块204;
其中,网络接口模块201,CPU模块203、磁盘阵列模块204进来的包均进入交换引擎模块202;交换引擎模块202对进来的包进行查地址表205的操作,从而获得包的导向信息;并根据包的导向信息把该包存入对应的包缓存器206的队列;如果包缓存器206的队列接近满,则丢弃;交换引擎模202轮询所有包缓存器队列,如果满足以下条件进行转发:1)该端口发送缓存未满;2)该队列包计数器大于零。磁盘阵列模块204主要实现对硬盘的控制,包括对硬盘的初始化、读写等操作;CPU模块203主要负责与接入交换机、终端(图中未示出)之间的协议处理,对地址表205(包括下行协议包地址表、上行协议包地址表、数据包地址表)的配置,以及,对磁盘阵列模块204的配置。
接入交换机:
如图3所示,主要包括网络接口模块(下行网络接口模块301、上行网络接口模块302)、交换引擎模块303和CPU模块304;
其中,下行网络接口模块301进来的包(上行数据)进入包检测模块305;包检测模块305检测包的目地地址(DA)、源地址(SA)、数据包类型及包长度是否符合要求,如果符合,则分配相应的流标识符(stream-id),并进入交换引擎模块303,否则丢弃;上行网络接口模块302进来的包(下行数据)进入交换引擎模块303;CPU模块204进来的数据包进入交换引擎模块303;交换引擎模块303对进来的包进行查地址表306的操作,从而获得包的导向信息;如果进入交换引擎模块303的包是下行网络接口往上行网络接口去的,则结合流标识符(stream-id)把该包存入对应的包缓存器307的队列;如果该包缓存器307的队列接近满,则丢弃;如果进入交换引擎模块303的包不是下行网络接口往上行网络接口去的,则根据包的导向信息,把该数据包存入对应的包缓存器307的队列;如果该包缓存器307的队列接近满,则丢弃。
交换引擎模块303轮询所有包缓存器队列,在本发明实施例中分两种情形:
如果该队列是下行网络接口往上行网络接口去的,则满足以下条件进行转发:1)该端口发送缓存未满;2)该队列包计数器大于零;3)获得码率控制模块产生的令牌;
如果该队列不是下行网络接口往上行网络接口去的,则满足以下条件进行转发:1)该端口发送缓存未满;2)该队列包计数器大于零。
码率控制模块208是由CPU模块204来配置的,在可编程的间隔内对所有下行网络接口往上行网络接口去的包缓存器队列产生令牌,用以控制上行转发的码率。
CPU模块304主要负责与节点服务器之间的协议处理,对地址表306的配置,以及,对码率控制模块308的配置。
以太网协转网关:
如图4所示,主要包括网络接口模块(下行网络接口模块401、上行网络接口模块402)、交换引擎模块403、CPU模块404、包检测模块405、码率控制模块408、地址表406、包缓存器407和MAC添加模块409、MAC删除模块410。
其中,下行网络接口模块401进来的数据包进入包检测模块405;包检测模块405检测数据包的以太网MAC DA、以太网MAC SA、以太网length or frame type、视联网目地地址DA、视联网源地址SA、视联网数据包类型及包长度是否符合要求,如果符合则分配相应的流标识符(stream-id);然后,由MAC删除模块410减去MAC DA、MAC SA、length or frame type(2byte),并进入相应的接收缓存,否则丢弃;
下行网络接口模块401检测该端口的发送缓存,如果有包则根据包的视联网目地地址DA获知对应的终端的以太网MAC DA,添加终端的以太网MAC DA、以太网协转网关的MACSA、以太网length or frame type,并发送。
以太网协转网关中其他模块的功能与接入交换机类似。
终端:
主要包括网络接口模块、业务处理模块和CPU模块;例如,机顶盒主要包括网络接口模块、视音频编解码引擎模块、CPU模块;编码板主要包括网络接口模块、视音频编码引擎模块、CPU模块;存储器主要包括网络接口模块、CPU模块和磁盘阵列模块。
1.3城域网部分的设备主要可以分为2类:节点服务器,节点交换机,城域服务器。其中,节点交换机主要包括网络接口模块、交换引擎模块和CPU模块;城域服务器主要包括网络接口模块、交换引擎模块和CPU模块构成。
2、视联网数据包定义
2.1接入网数据包定义
接入网的数据包主要包括以下几部分:目的地址(DA)、源地址(SA)、保留字节、payload(PDU)、CRC。
如下表所示,接入网的数据包主要包括以下几部分:
DA | SA | Reserved | Payload | CRC |
其中:
目的地址(DA)由8个字节(byte)组成,第一个字节表示数据包的类型(例如各种协议包、组播数据包、单播数据包等),最多有256种可能,第二字节到第六字节为城域网地址,第七、第八字节为接入网地址;
源地址(SA)也是由8个字节(byte)组成,定义与目的地址(DA)相同;
保留字节由2个字节组成;
payload部分根据不同的数据报的类型有不同的长度,如果是各种协议包的话是64个字节,如果是单组播数据包话是32+1024=1056个字节,当然并不仅仅限于以上2种;
CRC有4个字节组成,其计算方法遵循标准的以太网CRC算法。
2.2城域网数据包定义
城域网的拓扑是图型,两个设备之间可能有2种、甚至2种以上的连接,即节点交换机和节点服务器、节点交换机和节点交换机、节点交换机和节点服务器之间都可能超过2种连接。但是,城域网设备的城域网地址却是唯一的,为了精确描述城域网设备之间的连接关系,在本发明实施例中引入参数:标签,来唯一描述一个城域网设备。
本说明书中标签的定义和MPLS(Multi-Protocol Label Switch,多协议标签交换)的标签的定义类似,假设设备A和设备B之间有两个连接,那么数据包从设备A到设备B就有2个标签,数据包从设备B到设备A也有2个标签。标签分入标签、出标签,假设数据包进入设备A的标签(入标签)是0x0000,这个数据包离开设备A时的标签(出标签)可能就变成了0x0001。城域网的入网流程是集中控制下的入网过程,也就意味着城域网的地址分配、标签分配都是由城域服务器主导的,节点交换机、节点服务器都是被动的执行而已,这一点与MPLS的标签分配是不同的,MPLS的标签分配是交换机、服务器互相协商的结果。
如下表所示,城域网的数据包主要包括以下几部分:
DA | SA | Reserved | 标签 | Payload | CRC |
即目的地址(DA)、源地址(SA)、保留字节(Reserved)、标签、payload(PDU)、CRC。其中,标签的格式可以参考如下定义:标签是32bit,其中高16bit保留,只用低16bit,它的位置是在数据包的保留字节和payload之间。
参照图5,示出了本发明的一种基于浏览器的地图数据渲染方法实施例的步骤流程图,该方法可以应用于视联网中,具体而言,可以应用在视联网GIS(GeographicInformation System,地理信息系统)天眼调度应用平台中,所述地图数据包括至少一个视联网终端的位置信息。
所述的方法具体可以包括如下步骤:
步骤501,浏览器接收展示地图数据的请求;
在实际应用中,用户可以通过浏览器在GIS天眼调度应用平台中观察地图中视联网终端的点位。具体而言,用户通过浏览登录GIS天眼调度应用平台,在网页中打开地图页面,就相当于向浏览器发送了展示地图数据的请求。
步骤502,针对所述请求,下载与浏览器画布尺寸对应地图数据;
当浏览器接收到展示地图数据的请求后,就可以通过GIS天眼调度应用平台将请求发送至服务器了,然后从服务器下载与浏览器画布尺寸对应的地图数据了。
浏览器网页的画布的尺寸,就是渲染并展示地图数据给用户的区域。例如,假设显示器的分辨率为1600*900,浏览器在最大化状态下,除去菜单栏、状态栏等,可用于展现网页内容的区域为1400*900,那么画布的尺寸就是1400*900了;如果浏览器处于“全屏浏览”模式,那么,画布的尺寸则是1600*900了。当然,浏览器画布的尺寸是根据实际应用进行调整的,本发明实施例对此不作限制。
需要说明的是,地图是存在缩放等级的,在同样的画布尺寸中,缩放等级不同,下载的地图数据的数据量也是不同的,比如,地图中的某些区域在缩放等级为1.0时可以显示,但是在缩放等级为2.0时就显示不了。因此,当用户第一次打开网页时,可以采用默认的缩放等级来下载地图数据,如果用户需要调整缩放等级,那么基于缩放等级和画布尺寸再继续下载对应的地图数据即可。
步骤503,依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;
在本发明一种优选实施例中,所述依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量的步骤包括:
获取所述地图数据的经纬度范围;
判断各个视联网终端的位置信息是否属于所述经纬度范围;
若是,则统计出属于所述经纬度范围的视联网终端的数量。
具体而言,浏览器下载到地图数据后,可以先获取画布四个顶点在地图上对应的经纬度,并基于四个顶点围成一个区域,然后判断视联网终端的位置信息是否属于该区域,其中,视联网终端的位置信息可以是视联网终端的经纬度信息,如果是,则对该视联网终端进行标记,最后,统计所有有标记的视联网终端的数量即可。当然,通过其它方式统计出属于该区域的视联网终端也可以,本发明实施例对此不作限制。
步骤504,判断视联网终端的数量是否超过数量阈值;
在实际应用中,浏览器在运行网站代码时,是在一条线程中按照代码的先后顺序执行的,如图6所示,如果网页较简单,或者网页数据较少,那么渲染网页数据时不会出现问题,但是,如果网页较复杂,或者网页数据较多,渲染网页数据时则会占用大量资源,如图7所示,那么就会出现浏览器卡顿、掉线,甚至崩溃等情况。例如,在GIS天眼调度应用平台中,当视联网终端的数量特别多时,比如视联网终端数量达到2W时,在展示数据地图时,浏览器可能会出现卡顿,在此期间,用户无法对浏览器进行其它操作,在卡顿结束后,一次性全部显示出所有视联网终端的点位,或者由于卡顿导致浏览器崩溃。因此,在本发明实施例中,会判断视联网终端的数量是否超过了预设的数量阈值。
步骤505,若是,则将所述地图数据进行切割,得到多个地图数据块;
在本发明一种优选实施例中,所述浏览器设置有定时器;所述将所述地图数据进行切割,得到多个地图数据块的步骤包括:
将所述地图数据发送至所述定时器;
所述定时器按照预置规则将所述地图数据切割成多个地图数据块。
具体而言,浏览器自带有定时器功能,浏览器在下载完成地图数据后,当判定视联网终端的数量超过了预设的数量阈值时,定时器会按照预置的规则将地图数据切割成多个地图数据块,比如,可以按照视联网终端的数量进行切割,每个地图数据块中视联网终端的数量为1千个、3千个、5千个等。
在本发明一种优选实施例中,若视联网终端的数量不超过数量阈值,则对所述地图数据进行渲染并展示。
如果判定视联网终端的数量没有超过预设的数量阈值,那么将地图数据直接进行渲染并展示给用户即可。
步骤506,对所述多个地图数据块进行渲染并展示。
在本发明一种优选实施例中,所述对所述多个地图数据块进行渲染并展示的步骤包括:
当所述定时器结束一次定时时,对所述多个地图数据块中的任一个地图数据块进行渲染并展示,直至所有地图数据块渲染并展示完成。
具体而言,浏览器从单线程获取数据是按照时间顺序来执行的,如图8所示,定时器每结束一次计时,就可以渲染一个地图数据块并展示,直至所有地图数据块全部渲染并展示完成。从用户的角度来说,用户看到的就是地图数据和视联网终端点位一部分一部分依次显示。
在本发明实施例中,浏览器先接收展示地图数据的请求;所述请求包括所述浏览器的画布尺寸;然后针对所述请求,下载与所述画布尺寸对应地图数据,再依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量,并判断视联网终端的数量是否超过数量阈值,若是,则将所述地图数据进行切割,得到多个地图数据块,最后,对所述多个地图数据块进行渲染并展示。这样,针对单线程的浏览器来说,不管地图数据有多大,都可以将地图数据先切割成多个地图数据块,然后依次渲染并展示各个地图数据块,不仅解决了因为地图数据过大导致浏览器卡顿、掉线,甚至崩溃的问题,同时提升了用户体验。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图9,示出了本发明的一种基于浏览器的地图数据渲染装置实施例的结构框图,该装置可以应用于视联网中,所述地图数据包括至少一个视联网终端的位置信息;所述的装置具体可以包括如下模块:
接收模块901,用于接收展示地图数据的请求;
下载模块902,用于针对所述请求,下载与浏览器画布尺寸对应地图数据;
统计模块903,用于依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;
判断模块904,用于判断视联网终端的数量是否超过数量阈值;
切割模块905,用于将所述地图数据进行切割,得到多个地图数据块;
渲染模块906,用于对所述多个地图数据块进行渲染并展示。
在本发明一种优选实施例中,所述渲染模块,还用于若视联网终端的数量不超过数量阈值,则对所述地图数据进行渲染并展示。
在本发明一种优选实施例中,所述统计模块包括:
经纬度获取子模块,用于获取所述地图数据的经纬度范围;
经纬度判断子模块,用于判断各个视联网终端的位置信息是否属于所述经纬度范围;
计数子模块,用于统计出属于所述经纬度范围的视联网终端的数量。
在本发明一种优选实施例中,所述浏览器设置有定时器子模块;
所述切割模块包括:
数据发送子模块,用于将所述地图数据发送至所述定时器;
所述定时器子模块,用于按照预置规则将所述地图数据切割成多个地图数据块。
在本发明一种优选实施例中,所述渲染模块,还用于当所述定时器结束一次定时时,对所述多个地图数据块中的任一个地图数据块进行渲染并展示,直至所有地图数据块渲染并展示完成。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白,本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此,本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本发明所提供的一种基于浏览器的地图数据渲染方法和一种基于浏览器的地图数据渲染装置,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种基于浏览器的地图数据渲染方法,其特征在于,所述方法应用于视联网中,所述地图数据包括至少一个视联网终端的位置信息;所述的方法包括:
浏览器接收展示地图数据的请求;
针对所述请求,下载与浏览器画布尺寸对应地图数据;
依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;
判断视联网终端的数量是否超过数量阈值;
若是,则将所述地图数据进行切割,得到多个地图数据块;
对所述多个地图数据块进行渲染并展示。
2.根据权利要求1所述的方法,其特征在于,还包括:
若视联网终端的数量不超过数量阈值,则对所述地图数据进行渲染并展示。
3.根据权利要求1或2所述的方法,其特征在于,所述依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量的步骤包括:
获取所述地图数据的经纬度范围;
判断各个视联网终端的位置信息是否属于所述经纬度范围;
若是,则统计出属于所述经纬度范围的视联网终端的数量。
4.根据权利要求1或2所述的方法,其特征在于,所述浏览器设置有定时器;
所述将所述地图数据进行切割,得到多个地图数据块的步骤包括:
将所述地图数据发送至所述定时器;
所述定时器按照预置规则将所述地图数据切割成多个地图数据块。
5.根据权利要求4所述的方法,其特征在于,所述对所述多个地图数据块进行渲染并展示的步骤包括:
当所述定时器结束一次定时时,对所述多个地图数据块中的任一个地图数据块进行渲染并展示,直至所有地图数据块渲染并展示完成。
6.一种基于浏览器的地图数据渲染装置,其特征在于,所述装置应用于视联网中,所述地图数据包括至少一个视联网终端的位置信息;所述的装置包括:
接收模块,用于接收展示地图数据的请求;
下载模块,用于针对所述请求,下载与浏览器画布尺寸对应地图数据;
统计模块,用于依据各个视联网终端的位置信息,统计出所述地图数据中视联网终端的数量;
判断模块,用于判断视联网终端的数量是否超过数量阈值;
切割模块,用于将所述地图数据进行切割,得到多个地图数据块;
渲染模块,用于对所述多个地图数据块进行渲染并展示。
7.根据权利要求6所述的装置,其特征在于,所述渲染模块,还用于若视联网终端的数量不超过数量阈值,则对所述地图数据进行渲染并展示。
8.根据权利要求6或7所述的装置,其特征在于,所述统计模块包括:
经纬度获取子模块,用于获取所述地图数据的经纬度范围;
经纬度判断子模块,用于判断各个视联网终端的位置信息是否属于所述经纬度范围;
计数子模块,用于统计出属于所述经纬度范围的视联网终端的数量。
9.根据权利要求6或7所述的装置,其特征在于,所述浏览器设置有定时器子模块;
所述切割模块包括:
数据发送子模块,用于将所述地图数据发送至所述定时器;
所述定时器子模块,用于按照预置规则将所述地图数据切割成多个地图数据块。
10.根据权利要求9所述的装置,其特征在于,所述渲染模块,还用于当所述定时器结束一次定时时,对所述多个地图数据块中的任一个地图数据块进行渲染并展示,直至所有地图数据块渲染并展示完成。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810508899.6A CN110535893A (zh) | 2018-05-24 | 2018-05-24 | 一种基于浏览器的地图数据渲染方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810508899.6A CN110535893A (zh) | 2018-05-24 | 2018-05-24 | 一种基于浏览器的地图数据渲染方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110535893A true CN110535893A (zh) | 2019-12-03 |
Family
ID=68656592
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810508899.6A Pending CN110535893A (zh) | 2018-05-24 | 2018-05-24 | 一种基于浏览器的地图数据渲染方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110535893A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070250515A1 (en) * | 2006-04-21 | 2007-10-25 | Lea David H | Method and system of securing content and destination of digital download via the internet |
CN103150309A (zh) * | 2011-12-07 | 2013-06-12 | 清华大学 | 一种空间方向感知地图兴趣点搜索方法和系统 |
CN105160005A (zh) * | 2015-09-17 | 2015-12-16 | 西安未来国际信息股份有限公司 | 一种基于Web浏览器的海量POI地图数据显示方法 |
CN105574102A (zh) * | 2015-12-11 | 2016-05-11 | 浙江大华技术股份有限公司 | 一种电子地图数据加载的方法及装置 |
CN105677912A (zh) * | 2016-02-29 | 2016-06-15 | 南京华苏科技股份有限公司 | 在线电子地图的海量数据显示方法及系统 |
-
2018
- 2018-05-24 CN CN201810508899.6A patent/CN110535893A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070250515A1 (en) * | 2006-04-21 | 2007-10-25 | Lea David H | Method and system of securing content and destination of digital download via the internet |
CN103150309A (zh) * | 2011-12-07 | 2013-06-12 | 清华大学 | 一种空间方向感知地图兴趣点搜索方法和系统 |
CN105160005A (zh) * | 2015-09-17 | 2015-12-16 | 西安未来国际信息股份有限公司 | 一种基于Web浏览器的海量POI地图数据显示方法 |
CN105574102A (zh) * | 2015-12-11 | 2016-05-11 | 浙江大华技术股份有限公司 | 一种电子地图数据加载的方法及装置 |
CN105677912A (zh) * | 2016-02-29 | 2016-06-15 | 南京华苏科技股份有限公司 | 在线电子地图的海量数据显示方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108173804A (zh) | 一种通过视联网访问互联网的方法及视联猫客户端 | |
CN108880926A (zh) | 一种服务器监控的方法和装置 | |
CN108965040A (zh) | 一种视联网的业务监控方法和装置 | |
CN108173895A (zh) | 一种通信方法和装置 | |
CN110475102A (zh) | 一种基于视联网的监控数据处理方法及系统 | |
CN108989078A (zh) | 一种视联网中节点设备故障检测方法和装置 | |
CN108989837A (zh) | 一种图片截取的方法和装置 | |
CN109215653A (zh) | 一种语音操作的方法和装置 | |
CN110049346A (zh) | 一种视频直播的方法和系统 | |
CN109246486A (zh) | 一种组帧方法和装置 | |
CN108111474A (zh) | 一种混音方法和装置 | |
CN108307212A (zh) | 一种文件点播方法和装置 | |
CN109068148A (zh) | 一种视频处理的方法和装置 | |
CN109284265A (zh) | 一种数据存储方法和系统 | |
CN108073665B (zh) | 一种视联网页面和html页面的切换方法和装置 | |
CN110365937A (zh) | 无人机信息展示方法和系统 | |
CN110166833A (zh) | 一种视频流转码方法及装置 | |
CN109729184A (zh) | 一种视联网业务处理的方法和装置 | |
CN109151061A (zh) | 一种数据存储方法和装置 | |
CN108881940A (zh) | 一种数据处理方法和视联网服务器 | |
CN110022500A (zh) | 一种丢包处理方法和装置 | |
CN109862439A (zh) | 数据处理方法和装置 | |
CN109062596A (zh) | 一种版本更新的方法和装置 | |
CN107920098B (zh) | 一种网页播放器图标显示的方法及系统 | |
CN109218824A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191203 |
|
RJ01 | Rejection of invention patent application after publication |