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

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

本文将分为云原生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。

如果大家感兴趣，可以去我们官网：网站：>可以使用在线地图API，例如百度地图、谷歌地图、搜狗地图等。相对来说比较简单。
如果是企业应用，可以选择使用开源的GeoServer或者 超图、ArcGis 等商用引擎。
超图是国产的，价格便宜一些，ArcGis是目前商用引擎中的No1 功能强大，价格昂贵。
你需要搭建一个Server服务器，以超图为例，你先到超图官网上下载 IServer的安装包，下载你需要
的客户端的API（ Javascript API 、Ajax API 、 Flex Api ） 根据实际需要任选其一。 然后 安装
IServer （安装过程比较简单，如果不明白可以搜索相关资料网上资料很多）。安装完成之后，可以
进入到IServer的管理界面，默认会提供几个测试地图，如果可以通过浏览器访问到默认地图无错
误，即完成服务器端的安装。 之后你可以按照 你下载的 API 中的 示例程序，修改里面的地图服务
器地址为你自己服务器地址。添加自定义标注可以使用超图API中的 Marker 图层来添加，具体代码
可以在示例中找到。
祝您顺利！

---