一种支持网页端地图自定义图层上图的系统及方法与流程

1.本发明涉及可视化技术领域，具体涉及一种支持网页端地图自定义图层上图的系统及方法。


背景技术：

2.随着目前互联网技术的快速发展，各行各业对数字化地图的应用日趋成熟，在传统的数字化地图中，只有简单地理位置信息，地图图层大多都是默认的，用户很难进行编辑，以及添加自定义的图层，且市面上并没有成熟的支持网页端地图自定义图层上图的系统和方法，因此就给很多希望在地图上展示自定义图层用户照成了困扰。


技术实现要素：

3.鉴于现有技术中存在的技术缺陷和技术弊端，本发明实施例提供克服上述问题或者至少部分地解决上述问题的一种支持网页端地图自定义图层上图的系统及方法，具体方案如下：
4.作为本发明的第一方面，提供一种支持网页端地图自定义图层上图的系统，其特征在于，所述系统包括服务器和客户端，所述服务器包括数据库，所述客户端包括网页端自定义图层管理界面单元、图上资源管理服务单元和地图展示界面单元；
5.所述网页端自定义图层管理界面单元用于基于用户指令新增自定义图层，编辑自定义图层，查看自定义图层，删除自定义图层，以及录入图层数据；
6.所述图上资源管理服务单元用于对所述自定义图层的相关数据进行新增、修改、查询和删除操作；
7.所述数据库用于存储用户自定义图层的相关数据；
8.所述地图展示界面单元用于将用户自定义图层以上图图层在地图界面进行可视化展示。
9.进一步地，所述图上资源管理服务单元包括图层新增单元、图层编辑单元、图层删除单元、图层查询单元以及图层启用/停用单元；
10.所述图层新增单元用于对所述自定义图层的相关数据进行新增操作；
11.所述图层编辑单元用于对所述自定义图层的相关数据进行修改操作；
12.所述图层删除单元用于对所述自定义图层的相关数据进行删除操作；
13.所述图层查询单元用于对所述自定义图层的相关数据进行查询操作；
14.图层启用/停用单元用于对所述自定义图层的相关数据进行启用/停用操作。
15.进一步地，所述系统还包括websocket服务单元，所述websocket服务用于利用websocket技术建立客户端与服务器的双向通信链路。
16.进一步地，所述服务器还用于websocket服务单元建立与一个或多个客户端的双向通信链路；当某一客户端更新了图层内容，且服务器收到了对应客户端的更新请求后，通知websocket服务单元；所述websocket服务单元还用于基于服务器的通知，下发更新请求
到其他与服务器建立连接的客户端，通知其进行对应的地图界面更新。
17.进一步地，所述自定义图层的相关数据包括图层名称、图层图标和图层资源数据。
18.作为本发明的第二方面，提供一种支持网页端地图自定义图层上图的方法，所述方法包括：
19.自定义图层查询服务，具体包括：提供一个查询用户设置为启用状态的的图层的接口，该接口查询的数据包含图层名称、图层图标、图层中各点位的数据；
20.自定义图层实时更新方法，具体包括：在有人编辑或者添加自定义图层的时候，实时通知到地图展示页面进行更新，让地图展示出最新的自定义图层的数据；
21.自定图层图层控制方法，具体包括：提供在地图界面中对某个图层进行显示以及隐藏控制；
22.自定义图层上图方法，具体包括：提供通用的图层上图方法，将用户设置的自定义图层添加到地图界面中进行展示。
23.进一步地，所述点位数据包含点位的地理坐标，以及点位的相关信息。
24.本发明具有以下有益效果：
25.1)本发明提供的一种网页端地图自定义图层上图的系统和方法，其中提供的图上资源管理服务，自定义图层查询服务，可以提供给不同客户端进行使用，提供的网页端自定义图层管理界面可以方便所有用户进行自定义图层进行管理，提供的自定义图层实时更新方法可以对自定义图层的新增、编辑等操作进行实时响应，使地图展示界面可以实时展示最新的内容等。
26.2)本发明在程序和架构方面提供了综合的解决方案，例如：在公安系统中很多地方需要使用到地图，方便指挥人员实时掌握执勤民警的位置，而地图上面的各种点位，如学校，医院，火车站等是指挥员尤为关心的地点，通过本发明提供的系统和方法，使用人员可以轻松的添加自己关心的点位到地图上，而其他人员添加的点位也可以实时的添加的地图上，如此解决了用户定制化地图的需求，用户可以使用此系统定制出各种自己需要的地图，而且本系统不仅可以应用到公安系统当中，也可以运用到各行各业中需要进行个性化定制地图图层的系统当中。
附图说明
27.图1为本发明实施例提供的支持网页端地图自定义图层上图的系统的服务架构图；
28.图2为本发明实施例提供的自定义图层管理单元的架构图；
29.图3为本发明实施例提供的自定义图层实时更新示意图；
30.图4为本发明实施例提供的自定义图层上图的系统工作流程图。
具体实施方式
31.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
32.如图1-3所示，作为本发明的第一实施例，提供的一种支持网页端地图自定义图层上图的系统，所述系统包括服务器和客户端，所述服务器包括数据库，所述客户端包括网页端自定义图层管理界面单元、图上资源管理服务单元和地图展示界面单元；
33.所述网页端自定义图层管理界面单元用于基于用户指令新增自定义图层，编辑自定义图层，查看自定义图层，删除自定义图层，以及录入图层数据；
34.所述图上资源管理服务单元用于对所述自定义图层的相关数据进行新增、修改、查询和删除操作；
35.所述数据库用于存储用户自定义图层的相关数据；
36.所述地图展示界面单元用于将用户自定义图层以上图图层在地图界面进行可视化展示。
37.上述实施例中，首先需要搭建图1所示图上资源管理服务，首先申请一台服务器，在服务器中创建图1中所述的数据库用于用户存储用户自定义的图层数据，编写代码创建图1中所述的web服务，所述web服务用于提供图上资源管理服务，包括提供：1.2.1图层新增、1.2.2图层编辑、1.2.3图层删除、1.2.4图层查询1.2.5图层启用\停用服务供前端网页使用。
38.然后编写前端可视化界面的代码，分为地图展示界面单元、网页端自定义图层管理界面单元，并接入图上资源管理服务的服务，其中：
39.地图展示界面单元使用openlayers等相关web端地图开源框架，进行地图中底图的渲染，然后通过调用图1中提供的服务，查询用户自定义的图层，并编写将其绘制到地图当中；
40.网页端自定义图层管理界面单元使用前端相关技术给用户体用提供可视化界面，使用户可以在界面中进行图层的增删改查，停用启用，图层定位数据录入等功能。
41.编写实时更新通知服务如图3所示，通过在服务器中编写代码，利用websocket这一技术使客户端与服务器建立双向通信，当某一客户端(例如3.2客户端)所示更新图层内容，服务器收到更新请求，通知websocket的服务，websocket服务单元下发其他通知到其他与服务器建立连接的客户端，通知其进行地图界面更新。
42.如图4所示，作为本发明第二实施例，还提供了一种支持网页端地图自定义图层上图的方法；所述方法包括：自定义图层查询服务，自定义图层实时更新方法，自定义图层图层控制方法，自定义图层上图方法，其中：
43.自定义图层查询服务，具体包括：提供一个查询用户设置为启用状态的的图层的接口，该接口查询的数据包含图层名称、图层图标、图层中各点位的数据，其中，所述点位数据包含点位的地理坐标，以及点位的相关信息；
44.自定义图层实时更新方法，具体包括：在有人编辑或者添加自定义图层的时候，实时通知到地图展示页面进行更新，让地图展示出最新的自定义图层的数据；
45.自定图层图层控制方法，具体包括：提供在地图界面中对某个图层进行显示以及隐藏控制；
46.自定义图层上图方法，具体包括：提供通用的图层上图方法，将用户设置的自定义图层添加到地图界面中进行展示。
47.以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和
原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。