GIS-基于位置的空间信息服务LBS（4）

WebGIS

WebGIS是Internet技术应用于GIS的必然产物。它集Web、GIS和数据库技术于一身，以新的工作模式和新的数据共享机制，广泛应用于各种涉及地理信息的领域。WebGIS可以在互联网上为用户提供信息发布、数据共享和交流协作，从而实现GIS在线查询和业务处理等服务，使用户能直接通过Web浏览器对GIS数据进行访问，实现对空间数据和属性数据的检索查询、专题图输出和编辑修改等功能，完成GIS技术从C/S模式向B/S模式的转变。

WebGIS定义

WebGIS可简单定义为基于Web环境的GIS系统，它是在Internet或Intranet网络环境下的一种兼容存储、处理、分析、显示和应用地理信息功能，实现GIS信息在线查询和业务处理，运行于互联网上的地理信息系统，其基本思想就是在互联网上提供地理信息，让用户通过浏览器浏览和获得地理信息系统中的数据和功能服务。

百度地图就是WebGIS的一种，用户可以通过浏览器访问百度地图后台服务器上的地图数据，是一个基于Web平台实现地理信息处理与地理信息分布的网络化软件系统。通过WWW机制来完成数据信息的交互处理，从而实现客户端与服务器端的数据共享和各种操作

WWW

www：www全称为“World Wide Web”，常见简称为“web”，中文称为万维网，分为Web客户端和Web服务器程序。 WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面。 是一个由许多互相链接的超文本组成的系统，通过互联网访问。在这个系统中，每个有用的事物，称为一样“资源”；并且由一个全局“统一资源标识符”（URI）标识；这些资源通过超文本传输协议（Hypertext Transfer Protocol）传送给用户，而后者通过点击链接来获得资源。

主流的web技术

HTML5：

                                   

HTML的全称是（Hyper Text Markup Language）超文本标记语言，它是互联网上应用最广泛的标记语言。简单来说就是普通文本+HTML标记。

HTML5是HTML发展的产物，是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。例如：

参考书：https://item.jd.com/16511485310.html

                                                                       

 

CSS：Cascading Style Sheet（级联式样式单），缩写为CSS，也被称为层叠样式单，主要用于网页风格设计，包括字体大小、颜色、以及元素的精确定位等。在传统的Web网页设计里，使用CSS样式单能让原来单调的HTML网页更富于表现力。

导入外部CSS样式

没有使用CSS的网页

JavaScript：JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

直接运行脚本

导入脚本文件

 

JSON：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。

JSON数据格式

                          

 

XML：扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。
XML是标准通用标记语言 (SGML) 的子集，非常适合 Web 传输。XML 提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

xml数据格式

JSON和XML格式区别：

XML有明显的优势，毕竟人类的语言更贴近这样的说明结构。JSON读起来更像一个数据块，读起来就比较费解了。不过，我们读起来费解的语言，恰恰是适合机器阅读，所以通过JSON的索引country.provinces[0].name就能够读取“黑龙江”这个值。
编码的手写难度来说，XML还是舒服一些，好读当然就好写。不过写出来的字符JSON就明显少很多。去掉空白制表以及换行的话，JSON就是密密麻麻的有用数据，而XML却包含很多重复的标记字符。

WebGIS的特点：

1）分布式体系结构：WebGIS采用分布式体系结构，形成了客户端和服务器端相互分离、协同工作的模式，适应空间数据的分布特征，提高了网络计算资源和存储资源的利用率。分布式有3层含义：一是数据分布，即GIS数据源可以分布在多台计算机上；二是处理分布，即GIS软件的各个模块可能分布在多台计算机上；三是用户分布，即GIS用户可能分布在internet上的各个地方。

以百度地图为例，分布在Internet上的各个地方的GIS用户，向服务器发出数据请求，服务器根据用户的数据和处理要求决定到哪个计算机上去获取数据，到哪个计算机上去处理数据，获取和处理完成后利用internet把用户请求的结果返还给用户

2）平台独立。无论是何种操作系统，只要支持通用的Web浏览器，用户就可以访问WebGIS数据。

百度地图无论是在Windows下、MacOS下、Android下、IOS下只要用通用浏览器打开，无论客户端什么配置，用户都可以通过浏览器访问得到许可的WebGIS服务器

3）平衡高效的计算负载。传统的GIS都大都使用文件服务器结构的处理方式，其处理能力完全依赖于客户端，效率低下。而如今一些WebGIS能充分利用网络资源，将复杂的处理交由服务器端执行，而简单的操作才有客户端完成。

百度地图的路径规划功能，就是服务端计算好路径后，只是在客户端做渲染，显示该路径。

4）支持分布存储的多源数据。

百度地图的数据由矢量数据、影像数据、街景数据，全部分布在不同的服务器上。

5）数据实时更新。服务器上的程序和数据一旦更新，客户机上也自动更新。可以说WebGIS的数据是动态的，提高了数据和程序的实时性。

百度地图的数据存储于服务器上，用户在客户端请求则实时从服务器上获取，与服务器上的数据同步

WebGIS的主要功能：

1）空间数据发布。

百度地图就是以服务的形式发布的地图

2）空间数据可视化。

百度地图以图形的形式显示数据

3）web资源的共享。

百度地图利用WebGIS来组织各种空间数据和属性数据，使得不同地点的用户都可以获取到数据

WebGIS的体系结构

其运行流程如下：

Web服务器负责接收客户端的GIS服务请求，传递给GIS服务器。如果用户发送的是数据浏览请求，则GIS服务器先从元数据库中找到数据的存储路径，再把数据发送给用户并显示；如果用户发送的是检索请求，则先由元数据服务器检索元数据库，并发送检索结果给用户，用户选定检索结果中的一个，再发送浏览请求给web服务器。用户请求到所需数据后，可以在其上进行各种操作，如查询，统计、分析等。

比如百度地图的关键字查找：用户关键字，浏览器通过网络把关键字传递给web服务器，Web服务器到元数据库服务器中检索，并把检索结果返给用户，用户选定一个查找结果后，再把用户选择的结果传递给web服务器，再传递给GIS服务器，到元数据库中找到存储路径，再把数据发送给用户显示。

WebGIS网络结构：

客户机/服务器（C/S）模式

基本思想是吧集中在一起的应用划分成功能不同的两部分，分别在不同的计算机上运行，通过它们的分工合作来实现一个完整的功能。一个是服务器程序，用来相应和提供固定的服务；另一个是客户机程序，用来向服务器提出请求和要求某种服务。

浏览器/服务器（B/S）模式

网络技术的发展和普及，要求分布在不同领域、不同部门的空间数据和处理功能能够共享和互操作，使得空间信息不再局限于专业用户，普通民众也能容易地访问和使用空间数据。在C/S的基础上产生了B/S模式。把C/S结构进一步深化，在服务器端形成web服务器和数据库两层，浏览器和服务器之间通过超文本标记语言和超文本传送协议来实现信息的描述和组织。

WebGIS结构模型：

目前主要是基于浏览器/服务器模式的，其网络结构模型

                                           

 

利用百度地图，建立简单的WebGIS网站

待续。。。。。。