CN109783596B - 一种基于Angular组件的ArcGIS地图配置预览方法 - Google Patents
一种基于Angular组件的ArcGIS地图配置预览方法 Download PDFInfo
- Publication number
- CN109783596B CN109783596B CN201910035732.7A CN201910035732A CN109783596B CN 109783596 B CN109783596 B CN 109783596B CN 201910035732 A CN201910035732 A CN 201910035732A CN 109783596 B CN109783596 B CN 109783596B
- Authority
- CN
- China
- Prior art keywords
- map
- application
- role
- configuration
- management
- 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
- 238000000034 method Methods 0.000 title claims abstract description 37
- 238000013475 authorization Methods 0.000 claims abstract description 39
- 230000000694 effects Effects 0.000 claims abstract description 7
- 238000012423 maintenance Methods 0.000 claims description 6
- 238000013519 translation Methods 0.000 claims description 5
- 230000003321 amplification Effects 0.000 claims description 3
- 238000012217 deletion Methods 0.000 claims description 3
- 230000037430 deletion Effects 0.000 claims description 3
- 230000003993 interaction Effects 0.000 claims description 3
- 238000005259 measurement Methods 0.000 claims description 3
- 238000003199 nucleic acid amplification method Methods 0.000 claims description 3
- 230000007704 transition Effects 0.000 claims description 3
- 230000001360 synchronised effect Effects 0.000 claims description 2
- 230000006870 function Effects 0.000 description 16
- 238000011161 development Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 239000008186 active pharmaceutical agent Substances 0.000 description 2
- 230000002457 bidirectional effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- VYPSYNLAJGMNEJ-UHFFFAOYSA-N Silicium dioxide Chemical compound O=[Si]=O VYPSYNLAJGMNEJ-UHFFFAOYSA-N 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 238000002347 injection Methods 0.000 description 1
- 239000007924 injection Substances 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种基于Angular组件的ArcGIS地图配置预览方法,步骤为:1.新增ArcGIS地图服务浏览的应用系统,形成地图应用;2.配置地图应用的基本信息、包含角色信息,划分菜单模块;3.配置地图应用的地图配置,包括树形结构的图层树与工具栏配置信息;4.对地图应用系统进行授权管理,配置应用包含的角色由哪些用户组成;5.分别授权每个角色的可访问菜单模块、图层树、工具栏,采用树形结构勾选配置;6.预览授权的地图应用,查看地图效果并做地图操作。本发明通过上述方案,解决了从ArcGIS地图服务到标准浏览地图应用的快速配置与ArcGIS地图服务的简易共享、叠加预览的难题。
Description
技术领域
本发明涉及一种基于Angular组件的ArcGIS地图配置预览方法。
背景技术
传统地理信息系统针对地图资源的展示通过较为复杂的应用系统进行开发、发布,周期长、灵活性低、难以在线管理、缺乏权限管控,基于ArcGIS API for java script的方式采用ES5标准开发的代码存在兼容性差、独立性低、冗余高等问题,为实施、运维、管理带来诸多不便。同时该类系统没有统一的在线配置中心,占用大量服务器硬件资源,权限管理体系与操作方式也不尽相同,需要专业开发人员经过长时间的开发、测试、实施过程最终客户才能看到效果,没有即时配置、即刻浏览的手段,后续需求变更响应与迭代不足。
发明内容
为克服上述缺点,本发明的目的在于提供一种基于Angular组件的ArcGIS地图配置预览方法,能够解决的技术问题为:
(1)解决地图资源展示系统的在线动态配置与组件化开发问题,通过该技术实现类似地图图层叠加、展示、浏览系统的在线生成、预览,从工程化角度提高此类地图展示系统的开发效率、缩短开发周期;
(2)解决地图资源展示根据不同用户、角色的访问、浏览权限控制实现问题,区分不同角色展示不同的系统菜单、图层树列表、工具栏按钮功能。
为了达到以上目的,本发明采用的技术方案是:一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于,包括如下步骤:
(1)新增地图服务浏览的应用配置信息,形成地图应用;
(2)配置该地图应用的角色信息;
(3)配置该地图应用的模块信息;
(4)配置该地图应用的图层树;
(5)配置该地图应用的工具栏;
(6)对该地图应用进行授权,编辑每个角色的角色成员,勾选、指定对应角色由哪些成员构成;
(7)对该地图应用进行授权,编辑每个角色的菜单配置,勾选、指定对应角色可以访问的菜单;
(8)对该地图应用进行授权,编辑每个角色的图层权限,勾选、指定对应角色可以访问的图层权限;
(9)对该地图应用进行授权,编辑每个角色的地图工具,勾选、指定对应角色可以访问的地图工具;
(10)对该地图应用进行预览,由前端Angular组件生成出底图、影像、图层的选择菜单,并默认显示底图信息。
优选地,所述步骤(1)中的应用配置信息包括应用名称、系统地址、是否公开应用、是否示范应用、当前令牌、项目经理、联系电话、数据库类型、字符串链接、用户、排序号、坐标参考系或\和地图初始范围;
所述步骤(2)中的角色信息包括角色名称、角色分类、公司分类、开始使用时间、结束使用时间、排序号、是否公开或\和备注;
所述步骤(3)中的模块信息包括菜单名称、父级菜单、窗体类型、内部编码、是否允许编辑、是否允许删除、是否隐藏、目标路径、备注或\和自定义配置;
所述步骤(4)中的图层树包括图层名称、父级图层、主类型、地图类型、令牌名称、资源路径、图层类型、数据类型、透明度、关联表、数据库ID、资源ID、子图层、元数据、描述、备注或\和自定义配置;
所述步骤(5)中的工具栏包括功能名称、父级功能、按钮类型、事件或\和自定义配置。
优选地,所述步骤(1)中对于地图服务浏览的应用配置信息,采用通过组件化的方式处理,预先将步骤(2)至步骤(9)进行组件化处理形成组件,并将组件统一注册在一起。
优选地,所述组件包括:
(1)应用管理数据列表组件app Manage-data List;
(2)应用管理维护编辑组件app Manage-add Or Edit;
(3)应用管理应用编辑组件app Manage-add Or Edit App;
(4)应用管理角色数据列表组件app Manage-data List Role;
(5)应用管理初始化菜单组件app Manage-operate Menu;
(6)应用管理初始化地图组件app Manage-operate Map Config;
(7)应用管理初始化地图图层树组件app Manage-operate Map Layers;
(8)应用管理初始化地图工具栏组件app Manage-operate Map Tool bar;
(9)授权管理角色列表配置组件authorize Manage-data List Role Config;
(10)授权管理角色成员配置组件authorize Manage-role Member Config;
(11)授权管理菜单配置组件authorize Manage-menu Config;
(12)授权管理地图图层配置组件authorize Manage-map Layers Config;
(13)授权管理地图工具配置组件authorize Manage-map Tools Config。
优选地,所述应用管理采取步进式编辑方法,从维护应用信息、角色信息、划分模块、地图配置四个步骤展开,一起维护完成应用系统内容的完整性。
优选地,所述数据库类型包括SQL Server、Oracle、MySQL和PostGIS。
优选地,所述步骤(2)中角色信息必须在完成步骤(1)地图服务浏览的应用配置信息保存后方能维护。
优选地,所述角色信息包含角色、岗位、职位。
优选地,所述角色可以定义选择所属公司,并可设立角色访问地图应用的开始时间与结束时间,过时的角色将无法再访问地图应用系统。
优选地,所述步骤(4)中图层树的配置要求对地图服务的展示层级进行树形配置。
优选地,所述步骤(5)中初始化配置地图工具栏树,初始化形成的结果形式与初始化操作方式与步骤(4)的结果形式与初始化操作方式相似,默认按钮类型是Button,通用事件包括:
(1)全图:full Extent;
(2)放大:zoom In;
(3)缩小:zoom Out;
(4)平移:pan;
(5)测量距离:measure Length;
(6)测量面积:measure Area;
(7)绘制:draw Graphics包括绘点draw Point、绘线draw Polyline和绘面drawPolygon;
(8)拉窗对比:swipe Compare;
(9)双窗对比:double Compare;
(10)选择区域:select Graphics包括,圆形select Circle、矩形selectRectangle和多边形select Polygon;
(11)清除clear Graphics;
优选地,所述拉窗对比将同一幅底图范围分成左右两个图层窗体进行拉动对比;
所述双窗对比是将两个不同的图层分别放置在左右两个窗体进行对比并实现同步缩放与平移。
优选地,所述步骤(6)中的对该地图应用进行授权,编辑每个角色的角色成员,勾选、指定对应角色由哪些成员构成,只有地图的创建者享有该地图的编辑功能,其他用户只能通过地图的创建者的授权方可预览地图应用;
对角色进行授权前需要勾选哪些用户属于该角色,同一个用户可以在多个角色中,根据角色拥有的权限取并集动态加载地图应用内容,配置时左侧是可以选择的用户清单,右侧是已选用户,选中某用户进行左右集合添加、去除移动操作完成角色用户成员配置。
优选地,所述步骤(10)中地图预览的组件采用动画效果在加载与交互时通过平滑的展示手段过度组件的隐藏、显示、收起、展开;
底图部分电子底图采用多版本画框形式展示,影像底图部分采用时间竖轴表示历年影像画框;
电子底图、影像底图、图层树满足用户模糊搜索图层名称实时加载目标图层的快速检索功能,通过锁住图层树列表功能可以在页面上维持图层树在失去鼠标焦点时不自动收起。
本发明的有益效果为:能够满足ArcGIS地图服务资源的重复利用,通过在线配置、授权动态生成地图应用在线进行预览,整个过程通过工程组件化完成,实现标准地图展示应用的快速配置、在线生成、权限管控。
附图说明
图1是本发明一种基于Angular组件的ArcGIS地图配置预览方法中各组件、方法组织关系的示意图;
图2是一种基于Angular组件的ArcGIS地图配置预览方法所示的配置与预览的时序图。
具体实施方式
下面结合附图对本发明的较佳实施例进行详细阐述,以使本发明的优点和特征能更易于被本领域技术人员理解,从而对本发明的保护范围做出更为清楚明确的界定。
参见附图1、图2所示,本实施例中的一种基于Angular组件的ArcGIS地图配置预览方法,通过前端工程化思想与MVVM开发模式,将ArcGIS for java script API按照ES6标准的Type Script组件包进行封装与二次开发,实现针对ArcGIS地图服务的综合配置与在线预览功能,支持地图树与多种地图操作,并能够控制用户访问权限;其步骤为:
1.新增地图服务浏览的应用配置信息,形成地图应用。应用配置信息包括应用名称、系统地址、是否公开应用、是否示范应用、当前令牌、项目经理、联系电话、数据库类型、字符串链接、用户、排序号、坐标参考系、地图初始范围等信息。对于应用系统的编辑,在实现时通过组件化的方式,预先将后续几个步骤中所包含的组件统一注册在一起,包括以下组件:
(1)应用管理数据列表组件app Manage-data List;
(2)应用管理维护编辑组件app Manage-add Or Edit;
(3)应用管理应用编辑组件app Manage-add Or Edit App;
(4)应用管理角色数据列表组件app Manage-data List Role;
(5)应用管理初始化菜单组件app Manage-operate Menu;
(6)应用管理初始化地图组件app Manage-operate Map Config;
(7)应用管理初始化地图图层树组件app Manage-operate Map Layers;
(8)应用管理初始化地图工具栏组件app Manage-operate Map Tool bar;
(9)授权管理角色列表配置组件authorize Manage-data List Role Config;
(10)授权管理角色成员配置组件authorize Manage-role Member Config;
(11)授权管理菜单配置组件authorize Manage-menu Config;
(12)授权管理地图图层配置组件authorize Manage-map Layers Config;
(13)授权管理地图工具配置组件authorize Manage-map Tools Config。
其中,应用管理采取步进式编辑方法,从维护应用信息、角色信息、划分模块、地图配置四个步骤展开,一起维护完成应用系统内容的完整性。数据库类型包括SQL Server、Oracle、MySQL和PostGIS。
2. 配置该地图应用的角色信息,包括角色名称、角色分类、公司分类、开始使用时间、结束使用时间、排序号、是否公开、备注等信息。角色信息必须在完成第一步应用信息保存后方能维护,角色类型包含角色、岗位、职位,此外角色可以定义选择所属公司,并可设立角色访问地图应用的开始时间与结束时间,过时的角色将无法再访问地图应用系统。这些组件在实现时,均采用了MVVM(Model-View-View Model)模式,它是MVC(Model-View-Control)的优化版,是一种模块化开发代码分层思想框架,MVVM的优点有:
(1)分离了视图(View)和模型(Model);
(2)降低了代码耦合,提高视图或逻辑的重用性;
(3)提高了模块的可测试性。
模型和业务数据绑定,方便数据的使用和传递。视图是应用程序中用户界面相关的部分,是用户看到并与之交互的界面。而View Model的创建需要将Model中的数据绑定,将原来MVC中的业务逻辑剥离,实现简化视图和控制器的作用。以角色列表为例,模块中需要的数据,通过网络层请求得到,然后绑定到Model层中;将Model层中的数据转化到ViewModel中,然后在View Model中处理逻辑问题;将View Model中的数据绑定到控制器的View上,更新将角色列表界面。
3. 配置该地图应用的模块信息,包括菜单名称、父级菜单、窗体类型、内部编码、是否允许编辑、是否允许删除、是否隐藏、目标路径、备注、自定义配置等信息。
4. 配置该地图应用的图层树,包括图层名称、父级图层、主类型、地图类型、令牌名称、资源路径、图层类型、数据类型、透明度、关联表、数据库ID、资源ID、子图层、元数据、描述、备注、自定义配置等信息。图层树的配置要求对地图服务的展示层级进行树形配置,通过这样的操作在地图预览时系统会自动生成用户拥有权限的图层树用于访问,配置时通过拖拽目标层级的节点将其节点全部移动从属到另外一个节点,树形结构层级可以无限向下新增,而通过编辑界面同样可以选择父级图层;主类型包括底图和图层,底图分为电子底图和影像图,分别支持多个版本的底图,图层统一维护成一棵图层树;图层类型包括切片图层和动态图层两类;数据类型包括点和面,点的数据类型在查询时通过选择的坐标配合buffer进行要素查询,而面的数据则通过相加或叠加分析查询目标要素;关联表填写对应ArcGIS SDE数据库保存要素数据的属性表,按照“ [实例名].DBO.[表名]”的格式填写并管理数据库ID和资源ID;子图层当图层类型是动态图层时可指定对应该图层显示的这个动态地图服务的哪些子图层显示,按照“0,1,2,3”的格式用小写英文逗号隔开各子图层,子图层顺序将会按照同样的顺序依次在图层勾选时在地图上加载,默认不填将显示全部子图层效果;通过自定义配置信息,可以额外定义一种配置数据加载格式,方便跨平台或者两中数据格式标准的图层加载,后续配置也有同样的属性功能。
5. 配置该地图应用的工具栏,包括功能名称、父级功能、按钮类型、事件、自定义配置等信息。初始化配置地图工具栏树,结果与操作与图层相似,默认按钮类型是Button,通用事件包括:
(1)全图:full Extent;
(2)放大:zoom In;
(3)缩小:zoom Out;
(4)平移:pan;
(5)测量距离:measure Length;
(6)测量面积:measure Area;
(7)绘制:draw Graphics包括绘点draw Point、绘线draw Polyline和绘面drawPolygon;
(8)拉窗对比:swipe Compare;
(9)双窗对比:double Compare;
(10)选择区域:select Graphics,包括圆形select Circle、矩形selectRectangle、和多边形select Polygon;
(11)清除clear Graphics;
其中拉窗对比将同一幅底图范围分成左右两个图层窗体进行拉动对比,双窗对比是将两个不同的图层分别放置在左右两个窗体进行对比并实现同步缩放与平移。
6. 对该地图应用进行授权,编辑每个角色的角色成员,勾选、指定对应角色由哪些成员构成。编辑、删除、复制、授权功能(即对该地图应用进行授权,编辑每个角色的角色成员,勾选、指定对应角色由哪些成员构成的功能)只满足自己新建的项目才有权限,其他用户只能预览地图应用,并且需要应用新建人进行权限授权方能查看;对角色进行授权前需要勾选哪些用户属于该角色,同一个用户可以在多个角色中,根据角色拥有的权限取并集动态加载地图应用内容,配置时左侧是可以选择的用户清单,右侧是已选用户,选中某用户进行左右集合添加、去除移动操作完成角色用户成员配置。
7. 对该地图应用进行授权,编辑每个角色的菜单配置,勾选、指定对应角色可以访问的菜单。
8. 对该地图应用进行授权,编辑每个角色的图层权限,勾选、指定对应角色可以访问的图层权限。
9. 对该地图应用进行授权,编辑每个角色的地图工具,勾选、指定对应角色可以访问的地图工具。
10. 对该地图应用进行预览,由前端Angular组件生成出底图、影像、图层的选择菜单,并默认显示底图信息,同时可动态生成地图操作工具,使用地图脚本控制地图展示、浏览的功能,并可做到地图浏览的权限控制与不同用户浏览结果不同的授权处理。地图预览采用动画效果在加载与交互时通过平滑的展示手段过渡组件的隐藏、显示、收起、展开;底图部分电子底图采用多版本画框形式展示,影像底图部分采用时间竖轴表示历年影像画框;电子底图、影像底图、图层树满足用户模糊搜索图层名称实时加载目标图层的快速检索功能,通过锁住图层树列表功能可以在页面上维持图层树在失去鼠标焦点时不自动收起。
其中,关键步骤为:
1.利用MVVM思想Angular框架实现地图应用的组件集成
将整个地图应用系统通过单页面的形式整合起来,分为几个模块,根据实际需要加入不同的组件。一个Angular程序至少需要一个模块和一个组件,一般以.component.ts为后缀表示组件,以.module.ts为后缀表示模块,组件是Angular应用的基本构建模块。用装饰器定义一个组件以及组件的元数据,所有组件都必须使用装饰器来注释,用于告知Angular框架如何处理一个Type Script类。通过组件自带的模板定义组件外观,在模板中用双向绑定来呈现控制器中数据。控制器被装饰器装饰,包含组件所有的属性和方法,封装业务逻辑,通过数据绑定与模版通讯,模版展现控制器的数据,控制器处理模版上发生的事件。通过这样的方式实现地图应用整体的数据双向绑定与视图、逻辑层分离,便于整体项目运维与升级。
2.地图应用到角色再到人员关联,分别配置角色权限
在每个地图应用中都划分不同的角色,用角色关联用户,分别对每个地图应用的角色进行各种模块的权限授权,使用户与应用在权限关系上通过第三个角色概念进行关联。角色本身由可以支持多种形式的载体,增强了其涵盖的维度与广度,通过角色对每个模块的权限分配,可以实现多种多样的权限授权方式与细节,扩充了角色权限的管理深度,实现授权体系灵活、多样化。
目前前端技术趋向于组件化的脚手架工程开发环境,对于大型项目、可复用程度高的产品在实施、运维上能够大大缩减劳动时间与成本,操作过程更加规范、简单,交互手段随着技术发展更加友好。Angular经过多个版本的迭代已经在单页面复杂组件应用中发展成熟,该技术基于Angular第六个版本,实现主流ArcGIS接口组件化封装,同时支持自定义组件的注入与更新,采用MVVM模式解决地图资源可视化需求中频繁的数据交换与局部响应问题,配合权限控制的引入,能够快速实现一个地图资源应用系统的浏览,做到地图资源数据的可重复建设、可实时变更、可视化效果。
以上实施方式只为说明本发明的技术构思及特点,其目的在于让熟悉此项技术的人了解本发明的内容并加以实施,并不能以此限制本发明的保护范围,凡根据本发明精神实质所做的等效变化或修饰,都应涵盖在本发明的保护范围内。
Claims (10)
1.一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于,包括如下步骤:
(1)新增地图服务浏览的应用配置信息,形成地图应用;
(2)配置该地图应用的角色信息;
(3)配置该地图应用的模块信息;
(4)配置该地图应用的图层树;
(5)配置该地图应用的工具栏;
(6)对该地图应用进行授权,编辑每个角色的角色成员,勾选、指定对应角色由哪些成员构成;
(7)对该地图应用进行授权,编辑每个角色的菜单配置,勾选、指定对应角色可以访问的菜单;
(8)对该地图应用进行授权,编辑每个角色的图层权限,勾选、指定对应角色可以访问的图层权限;
(9)对该地图应用进行授权,编辑每个角色的地图工具,勾选、指定对应角色可以访问的地图工具;
(10)对该地图应用进行预览,由前端Angular组件生成出底图、影像、图层的选择菜单,并默认显示底图信息。
2.根据权利要求1所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:
所述步骤(1)中的应用配置信息包括应用名称、系统地址、是否公开应用、是否示范应用、当前令牌、项目经理、联系电话、数据库类型、字符串链接、用户、排序号、坐标参考系或\和地图初始范围;
所述步骤(2)中的角色信息包括角色名称、角色分类、公司分类、开始使用时间、结束使用时间、排序号、是否公开或\和备注;
所述步骤(3)中的模块信息包括菜单名称、父级菜单、窗体类型、内部编码、是否允许编辑、是否允许删除、是否隐藏、目标路径、备注或\和自定义配置;
所述步骤(4)中的图层树包括图层名称、父级图层、主类型、地图类型、令牌名称、资源路径、图层类型、数据类型、透明度、关联表、数据库ID、资源ID、子图层、元数据、描述、备注或\和自定义配置;
所述步骤(5)中的工具栏包括功能名称、父级功能、按钮类型、事件或\和自定义配置。
3.根据权利要求1或2中任意一项所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述步骤(1)中对于地图服务浏览的应用配置信息,采用通过组件化的方式处理,预先将步骤(2)至步骤(10)进行组件化处理形成组件,并将组件统一注册在一起。
4.根据权利要求3所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述组件包括:
(1)应用管理数据列表组件app Manage-data List;
(2)应用管理维护编辑组件app Manage-add Or Edit;
(3)应用管理应用编辑组件app Manage-add Or Edit App;
(4)应用管理角色数据列表组件app Manage-data List Role;
(5)应用管理初始化菜单组件app Manage-operate Menu;
(6)应用管理初始化地图组件app Manage-operate Map Config;
(7)应用管理初始化地图图层树组件app Manage-operate Map Layers;
(8)应用管理初始化地图工具栏组件app Manage-operate Map Tool bar;
(9)授权管理角色列表配置组件authorize Manage-data List Role Config;
(10)授权管理角色成员配置组件authorize Manage-role Member Config;
(11)授权管理菜单配置组件authorize Manage-menu Config;
(12)授权管理地图图层配置组件authorize Manage-map Layers Config;
(13)授权管理地图工具配置组件authorize Manage-map Tools Config。
5.根据权利要求4所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述应用管理采取步进式编辑方法,从维护应用信息、角色信息、划分模块、地图配置四个步骤展开,一起维护完成应用系统内容的完整性。
6.根据权利要求2所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述数据库类型包括SQL Server和Oracle和MySQL和PostGIS。
7.根据权利要求1所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述步骤(2)中角色信息必须在完成步骤(1)地图服务浏览的应用配置信息保存后方能维护;
所述步骤(4)中图层树的配置要求对地图服务的展示层级进行树形配置;
所述步骤(5)中初始化配置地图工具栏树,初始化形成的结果形式与初始化操作方式与步骤(4)的结果形式与初始化操作方式相似,默认按钮类型是Button,通用事件包括:
(1)全图:full Extent;
(2)放大:zoom In;
(3)缩小:zoom Out;
(4)平移:pan;
(5)测量距离:measure Length;
(6)测量面积:measure Area;
(7)绘制:draw Graphics,包括绘点draw Point和绘线draw Polyline和绘面drawPolygon;
(8)拉窗对比:swipe Compare;
(9)双窗对比:double Compare;
(10)选择区域:select Graphics,包括圆形select Circle和矩形select Rectangle和多边形select Polygon;
(11)清除clear Graphics;
所述步骤(6)中的对该地图应用进行授权,编辑每个角色的角色成员,勾选、指定对应角色由哪些成员构成,只有地图的创建者享有该地图的编辑功能,其他用户只能通过地图的创建者的授权方可预览地图应用;
对角色进行授权前需要勾选哪些用户属于该角色,同一个用户可以在多个角色中,根据角色拥有的权限取并集动态加载地图应用内容,配置时左侧是可以选择的用户清单,右侧是已选用户,选中某用户进行左右集合添加、去除移动操作完成角色用户成员配置;
所述步骤(10)中地图预览采用动画效果,在加载与交互时通过平滑的展示手段过渡组件的隐藏或显示或收起或展开;
底图部分电子底图采用多版本画框形式展示,影像底图部分采用时间竖轴表示历年影像画框;
电子底图、影像底图、图层树满足用户模糊搜索图层名称实时加载目标图层的快速检索功能,通过锁住图层树列表功能可以在页面上维持图层树在失去鼠标焦点时不自动收起。
8.根据权利要求2或7中任意一项所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述角色信息包含角色和岗位和职位。
9.根据权利要求2所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述角色可以定义选择所属公司,并可设立角色访问地图应用的开始时间与结束时间,过时的角色将无法再访问地图应用系统。
10.根据权利要求7所述的一种基于Angular组件的ArcGIS地图配置预览方法,其特征在于:所述拉窗对比将同一幅底图范围分成左右两个图层窗体进行拉动对比;
所述双窗对比是将两个不同的图层分别放置在左右两个窗体进行对比并实现同步缩放与平移。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910035732.7A CN109783596B (zh) | 2019-01-15 | 2019-01-15 | 一种基于Angular组件的ArcGIS地图配置预览方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910035732.7A CN109783596B (zh) | 2019-01-15 | 2019-01-15 | 一种基于Angular组件的ArcGIS地图配置预览方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109783596A CN109783596A (zh) | 2019-05-21 |
CN109783596B true CN109783596B (zh) | 2021-02-23 |
Family
ID=66500572
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910035732.7A Active CN109783596B (zh) | 2019-01-15 | 2019-01-15 | 一种基于Angular组件的ArcGIS地图配置预览方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109783596B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110992813B (zh) * | 2019-12-25 | 2021-07-09 | 江苏徐工工程机械研究院有限公司 | 一种露天矿山无人驾驶系统的地图创建方法及系统 |
CN114296583A (zh) * | 2021-12-27 | 2022-04-08 | 浪潮云信息技术股份公司 | 一种数据可视化大屏图层的组合展示方法 |
CN114610211B (zh) * | 2022-03-11 | 2024-08-13 | 昭通亮风台信息科技有限公司 | 一种基于gis的辅助教学工具的制作方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104520852A (zh) * | 2012-08-10 | 2015-04-15 | 微软公司 | 在电子表格应用中生成场景和巡演 |
CN106777271A (zh) * | 2016-12-29 | 2017-05-31 | 广东南方数码科技股份有限公司 | 一种基于服务资源池的自动搭建系统构建方法 |
US9934536B2 (en) * | 2013-09-20 | 2018-04-03 | Bank Of America Corporation | Interactive map for grouped activities within a financial and social management system |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8935203B1 (en) * | 2012-03-29 | 2015-01-13 | Amazon Technologies, Inc. | Environment-sensitive distributed data management |
JP6143804B2 (ja) * | 2015-04-16 | 2017-06-07 | 本田技研工業株式会社 | 経路案内装置および経路案内方法 |
CN108133134B (zh) * | 2017-12-21 | 2020-11-10 | 浙江科澜信息技术有限公司 | 一种地图资源的权限管理方法、装置、设备及存储介质 |
CN109117119B (zh) * | 2018-07-02 | 2021-06-22 | 成都四方伟业软件股份有限公司 | 一种多态组件融合方法 |
-
2019
- 2019-01-15 CN CN201910035732.7A patent/CN109783596B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104520852A (zh) * | 2012-08-10 | 2015-04-15 | 微软公司 | 在电子表格应用中生成场景和巡演 |
US9934536B2 (en) * | 2013-09-20 | 2018-04-03 | Bank Of America Corporation | Interactive map for grouped activities within a financial and social management system |
CN106777271A (zh) * | 2016-12-29 | 2017-05-31 | 广东南方数码科技股份有限公司 | 一种基于服务资源池的自动搭建系统构建方法 |
Non-Patent Citations (1)
Title |
---|
基于AngularJS的山洪预警与推演系统的前端设计与实现;张文军;《中国优秀硕士学位论文全文数据库 信息科技辑》;20170515;第I138-106页 * |
Also Published As
Publication number | Publication date |
---|---|
CN109783596A (zh) | 2019-05-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7661071B2 (en) | Creation of three-dimensional user interface | |
CN110807015B (zh) | 一种大数据资产价值交付管理方法及系统 | |
Feijs et al. | 3D visualization of software architectures | |
CN109783596B (zh) | 一种基于Angular组件的ArcGIS地图配置预览方法 | |
CN105447101B (zh) | 一种地图引擎实现方法及装置 | |
Ijiri et al. | Seamless integration of initial sketching and subsequent detail editing in flower modeling | |
CN101493825B (zh) | 一种gis中间件配置管理方法 | |
CN106843835A (zh) | 一种元数据定制的应用系统软件构建系统、系统构建方法 | |
CN105528418B (zh) | 一种设计文档生成方法及装置 | |
CN104463957B (zh) | 一种基于素材的三维场景生成工具集成方法 | |
CN108108194B (zh) | 用户界面编辑方法以及用户界面编辑器 | |
CN112651711B (zh) | 基于xdb文件在bs架构下的协同设计管理平台的搭建系统 | |
US11733973B2 (en) | Interactive graphic design system to enable creation and use of variant component sets for interactive objects | |
CN108932751A (zh) | 快速创建vr/ar/mr内容的系统及方法 | |
CN111857718A (zh) | 列表的编辑方法、装置、设备及存储介质 | |
CN114138256A (zh) | 一种Web端可视化开发方法、系统及存储介质 | |
CN115828633A (zh) | 一种基于Unity3D的配电场景建模方法 | |
Lu et al. | Open3D: crowd-sourced distributed curation of city models | |
CN115270267A (zh) | 基于混合hbim模型的智能建筑初级数字孪生系统及构建方法 | |
CN114332439A (zh) | 一种三维数据编辑生成系统 | |
US20080082924A1 (en) | System for controlling objects in a recursive browser system | |
CN111897530B (zh) | 基于ue4平台的ui系统及方法 | |
CN115827809A (zh) | 一种地理信息系统gis应用的生成方法及装置 | |
CN114782008A (zh) | 基于SketchUp开发的BIM项目协作方法、系统及其他相关设备 | |
Wood et al. | BGS Groundhog® desktop Geoscientific Information System external user manual |
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 | ||
CP01 | Change in the name or title of a patent holder |
Address after: 215000 No. 101, Suhong Middle Road, Suzhou Industrial Park, Suzhou City, Jiangsu Province Patentee after: Yuance Information Technology Co.,Ltd. Address before: 215000 No. 101, Suhong Middle Road, Suzhou Industrial Park, Suzhou City, Jiangsu Province Patentee before: SUZHOU INDUSTRIAL PARK SURVEYING MAPPING AND GEOINFORMATION Co.,Ltd. |
|
CP01 | Change in the name or title of a patent holder |