胡中南：Web端GIS技术新进展 | (PPT+速记)

在GTC 2020『GIS基础软件新技术论坛』上，超图研究院副院长胡中南作《云原生GIS及Web端技术新进展》报告，他首先系统讲解了云原生GIS技术的三大新进展：微服务更微、可扩展，容器化部署更全、更易用，自动化编排适配更多平台等，介绍了这些技术如何支撑云南地质大数据等系统实现高可用、高并发、高弹性“三高”价值；也系统阐述了Web端GIS技术从基础库、组件库、模板库到WebApps的多层次结构及相关新进展，让GIS前端应用开发定制更快速便捷。

创新互联网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了网站建设、成都网站设计，成都网站设计，1元广告，成都做网站选创新互联，贴合企业需求，高性价比，满足客户不同层次的需求一站式服务欢迎致电。

本文将分为云原生GIS（点击左侧蓝色文字可直接查看）与Web端GIS两大部分，现分享Web端GIS技术部分资料如下：

演讲PPT

上半部分主要讲云原生GIS技术如何助力GIS系统快速部署与运维。

接下来我为大家介绍Web端GIS技术。

以前大家可能认为SuperMap的Web端就是一个SuperMap iClient JavaScript，仅仅是将Leaflet等开源技术做一些封装集成、改进，和SuperMap服务器产品的REST API做了对接，其实这只是我们Web端技术栈的组成之一，也即图上所示的基础的iClient Libraries类库（L1）。

我们在上面还提供了iClient Components，就是所谓的WebGIS组件库（L2），适配了Vue框架和React框架。在这之上我们面向行业应用共性，基于组件库进一步封装，提供了Web模板库iClient Templates（L3），只需将数据、LOGO和图片等进行简单修改，就可以快速上线。我们还提供了可构建、可定制、可扩展的Web Apps，如MapDashboard和WebSite UI（L4），以及更偏向使用的一些Web Apps，用做制图、分析等（L5）。

由此可见，SuperMap GIS的Web端包括这五个层次的内容,已经不仅仅是SuperMap iClient JavaScript单个产品。

在SuperMap iClient JavaScript层面，我们也有新的增强与改进。

SuperMap iClient JavaScript 2020模块图。Web Libraries和 Web Components都有一些增强，新增加了Web Templates。

在此，我重点介绍一下组件和模板的新特性和新技术：组件技术就是把Libararies类库做进一步的封装，更少的代码做更快的开发，比如可以一行代码加一个Web Map组件，里面填一个服务地址和地图资源ID，就可以出一个地图了。欢迎大家在超图软件官网查看范例。

这是2019年我们提供的技术。今年我们新增了多款Vue组件，包括时间轴、卷帘地图等。地图、图表等都有新的增强和改进。

今年我们新增了多款Vue组件，包括时间轴、卷帘地图等。地图、图表等组件都有新的增强和改进。

这是我们做的全球新冠疫情图范例。使用组件技术做了封装，用户不用一行一行写代码，操作更方便、开发更快捷。

新的Web模板技术，可以让应用开发更便捷。直接提供多种行业应用模板，用户只需修改LOGO、配色，或删除不用的地方即可。

再上面就是大屏，可快速开发建站。

No Code无代码开发，可以快速建站，包括SuperMap iPortal门户首页、地图大屏App等，都可以进行拖拉式操作，不需要写代码就可以完成可视化定制。门户首页可以拖出来，Web应用可以用大屏拖出来。

地图大屏也做了一些增强。

以前做了大屏只能看，不能互动，不能点，点了以后也不能操作。现在能看、能点、能互动。有了交互更好用。

包括，我们对布局也做了优化，移动端可以自己修改布局。

包括超宽屏终端都可以适配，这是一个项目的照片。

另外一个定制就是SuperMap iPortal站点定制和扩展增强。

从首页到登录页、管理页甚至各个Web Apps都支持定制和扩展。

从而实现No Code的可视化定制，同时做了一些新的组件和能力增强。

可以用这个特性快速搭建一个新的首页，从上面的菜单、左上角的LOGO，包括Banner、横幅各种内容都支持修改、增加和删除。甚至用户不懂开发都可以直接进行操作。此外，该布局是自适应的，在手机上同样可以观看。

这是2019年已有功能，今年我们做了新的增强。另外就是全代码定制。

你可以基于自己的技术直接写一个首页。不管是我们提供的组件，还是你自己写的组件，或是第三方组件都可以拿来使用。

包括我们的登录页和资源管理页都可以进行修改和定制。

此外，大屏本身也是可以扩展的。

包括数据上图。

数据洞察，都是可以修改和定制的。

可以加自己的图表、UI。

前面所提到的是定制开发，再上层就是直接使用的WebApp。

如果大家感兴趣，可以去我们官网：，或GTC网站：来观看新特性。

数据上图，制图能力更丰富。

可以在线打印Web地图。

简单回顾一下，我们讲到的两大部分技术：一个是云原生GIS技术，让GIS后台服务管理运维更高效，另一个是Web端GIS技术，让GIS前端应用开发定制更快速。一个是高效，一个是快速。

总的报告可以用两个图连起来，第一就是K8s部署结构图，通过它可以把云原生GIS技术一览无余，包括SuperMap iServer、SuperMap iPortal、SuperMap iManager之间的关系、用了什么技术等都可以看到。

第二张图如上所示，我们在Web端的整体技术层次都可以看到，从SuperMap iClient Libraries类库，到组件、模板，到大屏、Site UI定制、扩展，以及WebApps等等。

以上就是我的报告，谢谢大家。

技术栈的含义是什么?

技术栈指将N种技术互相组合在一起（N1），作为一个有机的整体来实现某种目的或功能。也可以指掌握这些技术以及配合使用的经验。

举个例子：开发一个普通OA（办公自动化）系统，我们使用了html+css+javascript+vue+ Spring Boot+Spring cloud+hibernate + Spring+rocket Mq+Redis+Es+linux+ mysql等等，这些技术加起来就可以称为技术栈。

前端技术栈

使用css3作为页面的样式控制：解决页面渲染问题。

使用Html5作为页面结构的标签语言：解决移动端的页面兼容性问题。

使用seajs框架：解决项目中模块开发和加载的问题。

使用使用Jquery前端js框架：解决方便操作页面元素的问题。

引用流行的前端插件实现业务需求：使用bootstrapValidator作为表单的验证插件。

有哪些 GIS+Python 的开发经验值得分享

GISer入门指南电子书第一季 分享版.pptx免费下载

链接:

提取码: wttn 

ArcGIS入门级教程,详细介绍了ArcGIS产品族及成员产品 1、GIS 的概念和需求 2、什么是ArcGIS 3、Geodatabase中的GIS数据概念 4、桌面GIS产品:ArcView, ArcEditor和ArcInfo等

网页名称：gis技术栈有用吗 gis技术介绍
文章URL：http://scyanting.com/article/ddopips.html