首页  >  科技频道  >  业界资讯  > 正文

MapGIS 10.5 Pro敏捷开发之Web组件开发

2021-08-06 14:27:56 | 来源: 消费日报网 | 责编: 陈晨
分享到:

  从简单的在线制作静态地图,发展到具有全方位GIS功能的WebGIS,地理信息技术与互联网的融合在过去三十年中发展迅速。伴随着今天科技的日新月异,数字孪生、CIM、智慧城市、空间规划、实景三维中国建设等应用需求层出不穷,推动着WebGIS应用从平面二维向包含空中、地下、地表、地上的全空间维度发展,亦对WebGIS开发平台提出了更高的要求,要求WebGIS开发平台既能提供覆盖全空间一体化应用所需的开发接口,又能最大程度的实现代码复用,以降低开发成本、提高开发效率,满足快速构建WebGIS应用的需求。

  依托于互联网和Web前端技术的发展,具有可复用性、易维护、标准化等特点的组件化开发已成为Web前端开发的主流。组件式开发将原来复杂的网页进行拆分和解耦,以面向对象的思想将Web页面的样式表现、功能和数据进行封装,使其模块化,使得前端开发可以像搭积木一样灵活、方便。通过对逻辑单元进行封装,提高代码的复用率,提升了软件开发效率;对不同的代码进行作用域隔离,各组件低耦合,使用得组件可被迁移、组合、重构,且方便定位问题,易于维护;组件采用统一的标准开发,支持异地协同开发。MapGIS  10.5  Pro将Web组件式开发与WebGIS应用开发相结合,于2021年6月推出了Web组件化开发产品——MapGIS Client for JavaScript,实现了快速构建WebGIS应用的目标。

MapGIS 10.5 Pro敏捷开发之Web组件开发

  普通Web页面                    组件化页面搭建

MapGIS 10.5 Pro敏捷开发之Web组件开发

示例:主流Web组件框架之Vue组件

  MapGIS Client for JavaScript基于Web组件化开发思想和主流技术框架推出的组件式开发产品。该产品在现代Web前端技术栈的支撑下,融合了优秀的二三维开源地图库、可视化库、客户端计算库等GIS基础框架,根据GIS数据特性,打造了多种数据和视图模型,并结合多种优秀的开源UI和前端跨平台框架,构建出一套支持跨平台应用的功能组件库,包括二三维地图和场景、数据和图层、地图工具、分析、空间可视化等,支持多层封装、多级复用、高效扩展,支持响应式应用构建以及跨平台跨终端应用构建,并且提供全面开放的开发资源。

MapGIS 10.5 Pro敏捷开发之Web组件开发

  MapGIS Client for JavaScript组件产品

  丰富的二三维组件库

  MapGIS Client for JavaScript产品提供视图、图层、工具、分析和可视化五大类200+原子组件,充分满足行业二次开发需求。

MapGIS 10.5 Pro敏捷开发之Web组件开发

 MapGIS Client for JavaScript二维组件

  支持多层封装、多级复用、高效扩展

  MapGIS Client for JavaScript产品提供的组件预留了供外部组件调用的函数、事件和属性,支持直接复用和封装,具备多级封装、多层复用,高效扩展的能力。

  如下图所示的原子树形组件,结合业务需求,封装成图层列表组件和数据目录组件,这些组件可在页面中自由组合使用。

MapGIS 10.5 Pro敏捷开发之Web组件开发

原子树形组件二次封装

   构建响应式应用

  MapGIS Client for JavaScript提供的组件遵循响应式技术规范,能够适配PC端和移动端多种浏览器内核,从而能够帮助用户快速构建不同尺寸、不同分辨率的WebGIS应用。

MapGIS 10.5 Pro敏捷开发之Web组件开发

  支持构建跨平台跨终端应用

  结合Apache Cordova 、 Electron 等跨平台开发框架,可将MapGIS Client for JavaScript组件开发出的应用部署为Web端、移动端、桌面端应用,同时适配Windows、Linux、Mac、 Android、iOS、Harmony等PC和移动端操作系统。

MapGIS 10.5 Pro敏捷开发之Web组件开发

  提供全面开放的开发资源

  MapGIS Client for JavaScript产品资源中心提供基于StoryBook的在线组件学习环境、丰富的在线示例资源、快速上手的开发文档,为开发者提供全方位的学习支撑。同时产品源码全部开源,供开发者进行深入学习和扩展。

MapGIS 10.5 Pro敏捷开发之Web组件开发

Storybook

MapGIS 10.5 Pro敏捷开发之Web组件开发

组件开发文档

代码托管地址

MapGIS 10.5 Pro敏捷开发之Web组件开发

  目前,MapGIS Client for JavaScript已经应用到自然资源、智慧城市、智慧地质等多个行业,也欢迎更多的GIS二次开发用户参与其中,探索MapGIS 10.5 Pro新变革带来的敏捷开发体验。  

国际在线版权与信息产品内容销售的声明:

1、“国际在线”由中国国际广播电台主办。经中国国际广播电台授权,国广国际在线网络(北京)有限公司独家负责“国际在线”网站的市场经营。

2、凡本网注明“来源:国际在线”的所有信息内容,未经书面授权,任何单位及个人不得转载、摘编、复制或利用其他方式使用。

3、“国际在线”自有版权信息(包括但不限于“国际在线专稿”、“国际在线消息”、“国际在线XX消息”“国际在线报道”“国际在线XX报道”等信息内容,但明确标注为第三方版权的内容除外)均由国广国际在线网络(北京)有限公司统一管理和销售。

已取得国广国际在线网络(北京)有限公司使用授权的被授权人,应严格在授权范围内使用,不得超范围使用,使用时应注明“来源:国际在线”。违反上述声明者,本网将追究其相关法律责任。

任何未与国广国际在线网络(北京)有限公司签订相关协议或未取得授权书的公司、媒体、网站和个人均无权销售、使用“国际在线”网站的自有版权信息产品。否则,国广国际在线网络(北京)有限公司将采取法律手段维护合法权益,因此产生的损失及为此所花费的全部费用(包括但不限于律师费、诉讼费、差旅费、公证费等)全部由侵权方承担。

4、凡本网注明“来源:XXX(非国际在线)”的作品,均转载自其它媒体,转载目的在于传递更多信息,丰富网络文化,此类稿件并不代表本网赞同其观点和对其真实性负责。

5、如因作品内容、版权和其他问题需要与本网联系的,请在该事由发生之日起30日内进行。