web前端新技术gis web前端开发前沿技术

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

在GTC 2020『GIS基础软件新技术论坛』上，超图研究院副院长胡中南作《云原生GIS及Web端技术新进展》报告，他首先系统讲解了云原生GIS技术的三大新进展：微服务更微、可扩展，容器化部署更全、更易用，自动化编排适配更多平台等，介绍了这些技术如何支撑云南地质大数据等系统实现高可用、高并发、高弹性“三高”价值；也系统阐述了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。

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

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

可以在线打印Web地图。

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

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

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

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

什么是WEBGIS技术？

随着技术的进步，客户端可能会采用新的应用协议，因此也被认为是Internet GIS 1、WebGIS是Web 技术和GIS技术相结合的产物，是利用Web技术来扩展和完善地理信息系统的一项新技术。 2、由于HTTP协议采用基于C/S的请求/应答机制，具有较强的用户交互能力，可以传输并在浏览器上显示多媒体数据，而GIS中的信息主要是需要以图形、图像方式表现的空间数据，用户通过交互操作，对空间数据进行查询分析。这些特点，使得人们完全可以利用Web来寻找他们所需要的空间数据，并且进行各种操作。 WebGIS是Internet和WWW技术应用于GIS开发的产物，是实现GIS互操作的一条最佳解决途径。从Intemet的任意节点，用户都可以浏览WebGIS站点中的空间数据、制作专题图、进行各种空间信息检索和空间分析。 因此，WebGlS不但具有大部分乃至全部传统GIS软件具有的功能，而且还具有利用Intenet优势的特有功能,即用户不必在自己的本地计算机上安装GIS软件就可以在Intenet上访问远程的GIS数据和应用程序，进行GIS分析，在Intenet上提供交互的地图和数据。 WebGIS的关键特征是面向对象、分布式和互操作。任何G1S数据和功能都是一个对象，这些对象部署在Intemet的不同服务器上，当需要时进行装配和集成。Intemet上的任何其他系统都能和这些对象进行交换和交互操作。WebGIS的基本特征WebGIS是集成的全球化的客户/服务器网络系统 WebGIS应用客户/服务器概念来执行GIS的分析任务。它把任务分为服务器端和客户端两部分，客户可以从服务器请求数据、分析工具或模块，服务器或者执行客户的请求并把结果通过网络送回给客户，或者把数据和分析工具发送给客户供客户端使用。WebGIS是交互系统 WebGIS可使用户在Intenet上操作GIS地图和数据，用Web浏览器（IE、Netscape,etc.)执行部分基本的GIS功能：如zoom（缩放）、Pan（拖动）、Query（查询）和Label（标注），甚至可以执行空间查询：如“离你最近的旅馆或饭店在哪儿”，或者更先进的空间分析：比如缓冲分析和网络分析等。在Web上使用WebGIS就和在本地计算机上使用桌面GIS软件一样。 通过超链接(Hyperlink)，WWW提供在Intemet上最自然的交互性。通常用户通过超链接所浏览的Web页面是由WWW开发者组织的静态图形和文本，这些图形大部分是FPEG和GIF格式的文件，因此用户无法操作地图，甚至连像zoom、Pan、Query这样简单的分析功能都无法执行。WebGIS是分布式系统 GIS数据和分析工具是独立的组件和模块，WebGIS利用Intemet的这种分布式系统把GIS数据和分析工具部署在网络不同的计算机上，用户可以从网络的任何地方访问这些数据和应用程序，即不需要在本地计算机上安装GIS数据和应用程序，只要把请求发送到服务器，服务器就会把数据和分析工具模块传送给用户，达到Just—in—time的性能。 Intemet的一个特点就是它可以访问分布式数据库和执行分布式处理，即信息和应用可以部署在跨越整个Intenet的不同计算机上。WebGIS是动态系统 由于WebGIS是分布式系统，数据库和应用程序部署在网络的不同计算机上，随时可被管理员更新，对于Intenet上的每个用户来说都将得到最新可用的数据和应用，即只要数据源发生变化，WebGIS将得到更新。和数据源的动态链接将保持数据和软件的现势性。WebGIS是跨平台系统 WebGIS对任何计算机和操作系统都没有限制。只要能访问Intenet，用户就可以访问和使用WebGIS而不必关心用户运行的操作系统是什么。随着Java的发展，未来的WebGIS可以做到“一次编写，到处运行”，使WebGIS的跨平台特性走向更高层次。WebGIS能访问Intemet异构环境下的多种GIS数据和功能 此特性是未来WebGIS的发展方向。异构环境下在GIS用户组间访问和共享GIS数据、功能和应用程序，需要很高的互操作性。OGC提出的开放式地理数据互操作规范(OpenGeodata Interoperablity Specificaton)为GIS互操作性提出了基本的规则。其中有很多问题需要解决，例如数据格式的标准、数据交换和访问的标准、OIS分析组件的标准规范等。随着Intemet技术和标准的飞速发展，完全互操作的WebGIS将会成为现实。WebGIS是图形化的超媒体信息系统 使用Web上超媒体系统技术，WebGIS通过超媒体热链接可以链接不同的地图页面。例如，用户可以在浏览全国地图时，通过单击地图上的热链接，而进入相应的省地图进行浏览。 另外，WWW为WebGIS提供了集成多媒体信息的能力，把视频、音频、地图、文本等集中到相同的Web页面，极大地丰富了GIS的内容和表现能力。WebGIS的基本要求 WebGIS应当是开放的：webGIS能够共享多种来源、多级尺度（比例尺）、存放在不同地点的地理数据，能够和其他应用软件集成，并通过Java、CORBA、DCOM等技术跨平台协作运行，支持C/S模式等。 WebGIS能在Intemet环境下运行：WebGIS使用Intenet协议标准，将GIS与Web服务器集成，通过普通浏览器，用户可以在任何地方操纵WebGIS，共享地理空间信息服务，从而将GIS扩展成为公众服务系统。 WebGIS必须支持数据分布和计算分布：WebGIS服务器为网络用户提供GIS服务：地理数据存取服务、地理数据目录服务、地理信息分析服务和地图显示服务。通过互操作技术，共享分布的数据对象，在多个不同的平台上协同运行，最大限度地利用网络资源。 WebGIS能在网络上直接查询和存取数据：建立地理时空数据结构标准和操作标准，直接在Intenet上查询数据和存取数据。WebGIS的基础技术空间数据库管理技术 对象—关系数据库技术和面向对象的数据库技术正在逐步成熟起来，成为未来GIS空间数据管理的主要技术。因为关系型数据库管理系统已经相当成熟，商业化的RDBMS不仅支持C/S模式，而且支持数据分布，通过SQL语言和ODBC，几乎所有的GIS软件通过公共标识号都能和其协同运行。面向对象方法 从面向对象技术的发展来看，它是描述地理问题非常理想的方法。面向对象是一种认识方法。面向对象分析(OOA)、面向对象设计(）OD)、面向对 象语言(00L)和面向对象数据管理(OODBM)贯穿整个信息系统的生命周期。面向对象的空间数据库技术正在逐步成熟，空间对象查询语言(SOQL)、空间对象关系分析、面向对象数据库管理、对象化软件技术等，都和GIS密切相关。客户/服务器模式 客户/服务器的含义非常广泛，数据库技术和分布处理技术都和它密切相关。通过平衡客户/服务器间的数据通信和地理运算，能够利用服务器的高性能处理复杂的关键性业务，并降低网络数据流量：通过规划客户/服务器模式的GIS系统，用户能够最大限度地利用网络上的各种资源。组件技术 为避免系统重复编码，浪费软件资源，参照制造业成功经验，使用插件(Plug—In)、组件(Activex)和中间件(Middleware)技术组装软件产品：如各软件生产商制作自己最好的组件，其他软件开发人员和系统集成人员，可直接使用该部件提供的功能，无须重新编码，从而扩大了软件开发社会分工，提高了软件生产效率。分布式计算机平台

webgis是什么 最详细的定义

一般由多主机,多数据库和多个客户端以分布式连接在Internet上而组成,包括以下四个部分：WEB-GIS浏览器（browser）,WEB-GIS服务器,WEB-GIS编辑器（Editor）,WEB-GIS信息代理(imformation agent).

Define2.WEBGIS是指基于Internet平台进行信息发布、数据共享、交流协作.客户端应用软件采用WWW协议,实现GIS信息的在线查询和业务处理等功能.运行于因特网上的地理信息系统,是利用Internet技术来扩展和完善GIS的一项新技术,其核心是在GIS中嵌入HTTP和TCP/IP标准的应用体系,实现Internet环境下的空间信息管理.WEBGIS有多主机、多数据库与多终端,通过Internet、Intranet连接组成,具有客户、服务器（C/S）结构,服务器端向客户端提供信息和服务,客户端具有获得各种空间信息和应用的功能.

WebGIS是Internet技术应用于GIS开发的产物.GIS通过WWW功能得以扩展,真正成为一种大众使用的工具.从WWW的任意一个节点,Internet用户可以浏览WebGIS站点中的空间数据、制作专题图,以及进行各种空间检索和空间分析,从而使GIS进入千家万户.WebGIS具有以下特点：

(1)全球化的客户/服务器应用 全球范围内任意一个WWW节点的Internet用户都可以访问WebGIS服务器提供的各种GIS服务,甚至还可以进行全球范围内的GIS数据更新.

(2)真正大众化的GIS

由于Internet的爆炸性发展,Web服务正在进入千家万户,WebGIS给更多用户提供了使用GIS的机会.现在流行的WebGIS平台有:ARCIMS;TopMap

World;MapXtreme等国内外成熟产品.WebGIS可以使用通用浏览器进行浏览、查询,额外的插件(plug-in)、ActiveX控件和Java

Applet通常都是免费的,降低了终端用户的经济和技术负担,很大程度上扩大了GIS的潜在用户范围.而以往的GIS由于成本高和技术难度大,往往成为少数专家拥有的专业工具,很难推广.

(3)良好的可扩展性 WebGIS很容易跟Web中的其他信息服务进行无缝集成,可以建立灵活多变的GIS应用.

(4)跨平台特性

在WebGIS以前,尽管一些厂商为不同的操作系统(如：Windows、UNIX、Macintosh)分别提供了相应的GIS软件版本,但是没有一个GIS软件真正具有跨平台的特性.而基于Java的WebGIS可以做到"一次编成,到处运行

(write once,run anywhere)" ,把跨平台的特点发挥得淋漓尽致.

一、 WebGIS是什么概念？它的主要特点是什么？WebGIS的优势在哪里？

WebGIS

Web技术和GIS技术相结合，最为激动人心的产物就是WebGIS(万维网地理信息系统)。WebGIS，简言之，就是利用Web技术来扩展和完善地理信息系统的一项新技术。由于HTTP协议采用基于C/S的请求/应答机制，具有较强的用户交互能力，可以传输并在浏览器上显示多媒体数据，而GIS中的信息主要是需要以图形、图像方式表现的空间数据，用户通过交互操作，对空间数据进行查询分析。这些特点，就使得人们完全可以利用Web来寻找他们所需要的空间数据，并且进行各种操作。具体地讲，WebGIS的应用可以分为以下几个层面：

1）空间数据发布

由于能够以图形方式显示空间数据，较之于单纯的FTP方式，WebGIS使用户更容易找到需要的数据；

2）空间查询检索

利用浏览器提供的交互能力，进行图形及属性数据库的查询检索；

3）空间模型服务

在服务器端提供各种空间模型的实现方法，接收用户通过浏览器输入的模型参数后，将计算结果返回。换言之，利用Web不仅可以发布空间数据，也可以发布空间模型服务，形成浏览器/服务器结构(Browser/Server，B/S)。

4）Web资源的组织

在Web上，存在着大量的信息，这些信息多数具有空间分布特征，如分销商数据往往有其所在位置属性，利用地图对这些信息进行组织和管理，并为用户提供基于空间的检索服务，无疑也可以通过WebGIS实现。

与传统的地理信息系统相比，WebGIS有其特殊之处，主要表现在：

1）它必须是基于网络的客户机/服务器系统，而传统的GIS大多数为独立的单机系统；

2）它利用因特网来进行客户端和服务器之间的信息交换，这就意味着信息的传递是全球性的；

3）它是一个分布式系统，用户和服务器可以分布在不同地点和不同的计算机平台上。