CN104881425A - 一种WebGIS地图优化分级加载数万级摄像头的方法 - Google Patents

Abstract

本发明涉及一种WebGIS地图优化分级加载数万级摄像头的方法，包括：WebGIS地图获得浏览器网页所显示的用户可见区域范围内的边界，加载空间库数据；WebGIS地图按照分级网格加载策略加载用户可见区域范围内的摄像头；在用户请求页面的同时加载业务脚本代码，发出加载请求，异步加载数据；准确显示各个摄像头的空间位置，其经纬度精确到小数点的后4至5位；将需要引入的脚本文件压缩、标识符混淆，并上线发布到WebGIS系统上。本发明采用分级网格加载策略按比例分级加载，进一步的保证了浏览器的响应速度，避免造成浏览器无响应的情况；接通过采用异步加载、精确经纬度和脚本文件压缩、标识符混淆，进一步的优化加载，提升用户的体验程度。

Description

一种WebGIS地图优化分级加载数万级摄像头的方法

技术领域

本发明涉及地理信信息系统技术领域，尤其是一种WebGIS地图优化分级加载数万级摄像头的方法。

背景技术

地理信息系统GIS技术是近些年迅速发展起来的一门空间信息分析技术，在资源与环境应用领域中，它发挥着技术先导的作用，其基本功能是将表格型数据转换为地理图形显示，然后对显示结果浏览、操作和分析。GIS一直伴随着计算机技术的发展而进步，在计算机技术发展的支撑下和各种新应用需求驱使下，随着地图业务在应用中越来越复杂，用户自定义的业务数据在GIS系统中越来越多，GIS正在向海量数据管理集成、高效数据处理与渲染、虚拟现实、云服务、移动等方向发展。

随着平安城市项目的建设，越来越多的摄像头数据需要接入WebGIS系统并且显示在地图可见图层，地图业务在应用中越来越复杂，用户定义的业务数据在GIS系统中越来越多。平安城市合肥市目前的此次建设摄像头数量是1.6万个，加上往年建设完成尚未接入的摄像头，总量已经有数万个。如果浏览器一次性加载所有的摄像头，会造成浏览器页面假死，无响应，极大的降低用户体验程度，甚至导致系统不可用。

发明内容

本发明的目的在于提供一种分级加载可见区域内的摄像头，避免浏览器页面卡死，提升用户体验程度的WebGIS地图优化分级加载数万级摄像头的方法。

为实现上述目的，本发明采用了以下技术方案：一种WebGIS地图优化分级加载数万级摄像头的方法，该方法包括下列顺序的步骤：

（1）WebGIS地图获得浏览器网页所显示的用户可见区域范围内的边界，加载空间库数据；

（2）WebGIS地图按照分级网格加载策略加载用户可见区域范围内的摄像头；

（3）在用户请求页面的同时加载业务脚本代码，发出加载请求，异步加载数据；

（4）准确显示各个摄像头的空间位置，其经纬度精确到小数点的后4至5位；

（5）将需要引入的脚本文件压缩、标识符混淆，并上线发布到WebGIS系统上。

所述地图空间库是用于保存WebGIS系统页面上需要加载的摄像头、建筑物和点位信息的数据库。

所述加载用户可见区域范围内的摄像头是指，加载浏览器网页所显示的用户可见区域范围内的、用户所选中的地图图层中的且与该地图图层阈值相对应的范围内的摄像头。

所述分级网格加载策略是指，将WebGIS地图分成一个二维网格，用户需要加载的摄像头分布在每个网格中，当WebGIS地图上的网格出现在用户可见区域范围内，按照每个网格内的摄像头个数的比例决定加载的摄像头个数。

所述异步加载是指前台异步请求、后台异步推数据的加载方式。

压缩脚本文件是指删除脚本文件中的空格、换行；标识符混淆是指将脚本文件中可阅读有意义的变量名替换成无意义的字母数较少的变量名。

由上述技术方案可知，本发明与现有技术相比，首先，只加载浏览器页面用户可见的显示区域的范围内的摄像头，并非加载所有的摄像头，避免造成浏览器页面假死；其次，在加载可见范围内摄像头的同时，并非一次性加载所有的可见范围内的摄像头，而是采用分级网格加载策略按比例分级加载，进一步的保证了浏览器的响应速度，避免造成浏览器无响应的情况；接着，通过采用异步加载、精确经纬度和脚本文件压缩、标识符混淆，来进一步的优化加载，以提升用户的体验程度。

附图说明

图1为本发明的WebGIS地图图层网格划分示意图。

图2为本发明的WebGIS地图图层分层展示示意图。

图3为本发明摄像头显示的方法流程图。

具体实施方式

一种WebGIS地图优化分级加载数万级摄像头的方法，包括：（1）WebGIS地图获得浏览器网页所显示的用户可见区域范围内的边界，加载空间库数据；（2）WebGIS地图按照分级网格加载策略加载用户可见区域范围内的摄像头；（3）在用户请求页面的同时加载业务脚本代码，发出加载请求，异步加载数据；（4）准确显示各个摄像头的空间位置，其经纬度精确到小数点的后4至5位；（5）将需要引入的脚本文件压缩、标识符混淆，并上线发布到WebGIS系统上。所述地图空间库是用于保存WebGIS系统页面上需要加载的摄像头、建筑物和点位信息的数据库。在系统加载完数据之后，由于无需过于精确的摄像头数据，减少经纬度值不必要的精度，经纬度精确到小数点后5位是精确到0.1米，小数点后4位是精确到1米，所以，存储的地图上坐标的经纬度精确到小数点后4至5位即可，如图1、2所示。

如图2所示，所述加载用户可见区域范围内的摄像头是指，加载浏览器网页所显示的用户可见区域范围内的、用户所选中的地图图层中的且与该地图图层阈值相对应的范围内的摄像头。判断是否满足加载摄像头条件，即如果地图图层被选中，并且当前窗口放大到满足加载摄像头阈值时，才能加载该摄像头。图层选中是指WebGIS系统之所以可以根据地图放大到不同级别显示不同内容是因为有图层的概念，比如说当地图放大级别很小时，地图上无需显示很多道路两边细节，例如店铺信息，支路，小路，而当用户滚动鼠标滑轮，或者点击地图放大图标时，道路两边的细节就需要展示了，这就是不同放大级别所触发显示不同的地图图层。阈值比如放大阈值，当在某一图层的可见区域内，继续放大到某一个图层，达到一个可见区域的阈值之后，则加载摄像头等点位信息。

所述分级网格加载策略是指，将WebGIS地图分成一个二维网格，用户需要加载的摄像头分布在每个网格中，当WebGIS地图上的网格出现在用户可见区域范围内，按照每个网格内的摄像头个数的比例决定加载的摄像头个数。当某一个或者几个区域显示在可见区域内时，如果可见区域内有超过一定阈值，则只显示其中部分的摄像头。把整合地图分成一个二维网格，用户添加的摄像头在每个网格里面，当地图上的网格出现在可见区域范围内，网格内并非一次性加载所有摄像头，而是按照每个网格的摄像头个数的比例决定展示多少的摄像头个数。可见区域是当前图层下呈现在页面上的区域，把呈现在页面上的区域定义为用户可见区域。

如图1所示，例如，可见范围内一共有10个网格，这10个网格一共有1000个摄像头，若系统一次性加载这10000个摄像头会造成线程阻塞，前台页面响应速度也会比较慢。对这10个网格进行编号，按照行列分别标记为a[1-n]，b[1-n]，c[1-n]…这10个网格的摄像头分布很可能是不均匀的，a1有200个，b2有50个，c2有40个，一共有N个网格，也就是说，所有网格的摄像头总和是1000个，随机挑选的3个网格分别是200,50,40个。

为了保证地图可见区域内加载摄像头的密度分布不会随着随机加载而改变，在不同可见网格内同比例缩小加载摄像头加载个数，这个比例会随着地图放大级别动态变化。例如：当地图放大级别是5，则同比例为10%，地图放大级别系数和同比例系数是管理员配置的。比如放大系数为5，同比例为10%，放大级别6，同比例20%，放大级别8，同比例40%，地图放大的越大，需要展现的细节就越多，则需要展现的摄像头就越多，同比例值就得变大。那么a1加载20个，b2加载50个，c2加载40个；当地图放大级别是15，则同比例为70%，那么a1加载140个，b2加载35个，c2加载28个。这样就保证了分级随机加载摄像头的同时也不改变摄像头在地图可见区域内地的显示密度。

所述异步加载是指前台异步请求、后台异步推数据的加载方式。原先的同步加载模式需要服务端把所有数据一次性输出到前台后，前台再进行组装和调用地图控件，如果一次性需要运算过多的数据会造成后台响应慢，前台同步等待出现页面卡顿假死的现象。于是改用前台异步请求，后台异步推数据的加载方式，这种加载方式适用于需要加载的数据量不大的情况，比如打开一个文字网页，先让页面加载主要的页面框架和地图元素，先给用户一个完整可用的页面以降低用户等待时间，然后再去服务端加载摄像头等点位信息，这样，前台接收一点数据即可调用地图显示控件，避免造成页面卡顿假死的现象。

压缩脚本文件是指删除脚本文件中的空格、换行，由于写好的前端程序都是JavaScript代码，这些代码为了编写方便和阅读方便通常都会有很多编码格式，包括空格、换行、可阅读的变量名称定义等，压缩就是把这些空格，换行删除；标识符混淆是指将脚本文件中可阅读有意义的变量名替换成无意义的字母数较少的变量名。通过压缩和混淆，可以有效减少脚本体积大小，减少传输带宽，并且起到保护源代码的作用。

本发明系统上线部署之前，就需要把编写完成的JS代码进行压缩和脚本混淆以减小脚本体积和保护脚本安全。系统上线后，由管理员或者数据采集人员先标记摄像头点位信息经纬度，标记完成后的数据存入数据库。用户需要查看摄像头数据的时候，页面加载这些摄像头之前，先加载页面和地图，再异步加载摄像头点位信息，根据上述的加载策略加载到地图图层的可见区域上呈现给用户。

综上所述，首先，只加载浏览器页面用户可见的显示区域的范围内的摄像头，并非加载所有的摄像头，避免造成浏览器页面假死；其次，在加载可见范围内摄像头的同时，并非一次性加载所有的可见范围内的摄像头，而是采用分级网格加载策略按比例分级加载，进一步的保证了浏览器的响应速度，避免造成浏览器无响应的情况；接着，通过采用异步加载、精确经纬度和脚本文件压缩、标识符混淆，来进一步的优化加载，以提升用户的体验程度。

Claims (6)

1.一种WebGIS地图优化分级加载数万级摄像头的方法，该方法包括下列顺序的步骤：

（1）WebGIS地图获得浏览器网页所显示的用户可见区域范围内的边界，加载空间库数据；

（2）WebGIS地图按照分级网格加载策略加载用户可见区域范围内的摄像头；

（3）在用户请求页面的同时加载业务脚本代码，发出加载请求，异步加载数据；

（4）准确显示各个摄像头的空间位置，其经纬度精确到小数点的后4至5位；

（5）将需要引入的脚本文件压缩、标识符混淆，并上线发布到WebGIS系统上。

2.根据权利要求1所述的WebGIS地图优化分级加载数万级摄像头的方法，其特征在于：所述地图空间库是用于保存WebGIS系统页面上需要加载的摄像头、建筑物和点位信息的数据库。

3.根据权利要求1所述的WebGIS地图优化分级加载数万级摄像头的方法，其特征在于：所述加载用户可见区域范围内的摄像头是指，加载浏览器网页所显示的用户可见区域范围内的、用户所选中的地图图层中的且与该地图图层阈值相对应的范围内的摄像头。

4.根据权利要求1所述的WebGIS地图优化分级加载数万级摄像头的方法，其特征在于：所述分级网格加载策略是指，将WebGIS地图分成一个二维网格，用户需要加载的摄像头分布在每个网格中，当WebGIS地图上的网格出现在用户可见区域范围内，按照每个网格内的摄像头个数的比例决定加载的摄像头个数。

5.根据权利要求1所述的WebGIS地图优化分级加载数万级摄像头的方法，其特征在于：所述异步加载是指前台异步请求、后台异步推数据的加载方式。

6.根据权利要求1所述的WebGIS地图优化分级加载数万级摄像头的方法，其特征在于：压缩脚本文件是指删除脚本文件中的空格、换行；标识符混淆是指将脚本文件中可阅读有意义的变量名替换成无意义的字母数较少的变量名。