WebGIS原理及开发——基于开源框架的WebGIS技术 课件 06-WebGIS客户端开发.pptx

基于开源框架的WebGIS技术WebGIS原理及开发1.WebGIS概述2.WebGIS基础技术3.WebGIS技术原理4.WebGIS的Web服务5.地图发布6.WebGIS客户端开发7.OpenLayers多源数据汇聚8.OpenLayers进阶9.移动GIS10.三维WebGIS11.WebGIS应用案例12.未来展望与研究热点OpenLayers简介OpenLayers常用接口OpenLayers开发方式OpenLayers入门OpenLayers体系架构1.31.5第6章WebGIS客户端开发6.1OpenLayers简介OpenLayers是最早的WebGIS开源库之一，迭代开发的历史较长，目前是WebGIS中功能齐全、资料和教程丰富的框架，同时其学习曲线比较平缓，很容易上手。OpenLayers采用了Canvas、WebGL和HTML5中最新的技术来构建框架，可以在移动设备上运行。教程网址：/en/latest/examples/API网址：/en/latest/apidoc/下载地址：https://openL/downloadWebGIS主流框架列表前端框架优点缺点OpenLayers较重量级的开源库，二维GIS功能最丰富全面，有很多演示的样例，结构清晰、简单易用地图样式简单，难以定制美观的可视化效果Leaflet轻量级的前端地图可视化库，开源、体积小、结构清晰、简单易用不支持WebGL渲染，性能有瓶颈，对复杂GIS应用的支持力度不足ArcGISJavaScriptAPI二三维一体化，结合ArcGISServer开发WebGIS的效率很高，配合服务器的能力可以实现复杂GIS应用，自带很多示例ESRI公司的闭源库，接口和教程全英文，上手难度大Mapbox开源库，WebGL渲染机制、二三维一体化，提供的专题地图更具美感需要注册Key，一般依赖于Mapbox公司提供的地图服务，对网络连接有较高的依赖性；部分配套功能和服务需要付费Cesium重量级开源的三维引擎，WebGL渲染机制、二三维一体化可视化表达；经/纬度坐标系、支持球体结构复杂，上手难度大百度地图JavaScriptAPIGL非开源的轻量级库，提供了地图、检索、导航、实时交通等常用服务需要注册Key，接口开发者有免费的限额，对复杂GIS应用的支持力度不足6.2OpenLayers体系架构把整个地图看作一个地图容器（Map），核心部分为地图表现相关的视图（View）、地图图层（Layer）、对应图层的数据源（Source）与矢量图层样式（Style）。除此之外容器中还有地图交互（Interaction）、操作控件（Control）、覆盖层（Overlay），以及绑定在Map和Layer上的一系列待请求的事件（MapEvent）。底层是OpenLayers的数据源，即Image、GML、KML、JSON、OGC服务资源等。几何图形架构OpenLayers的空间数据是由点、线、面要素构成，以ol/geom/Geometry类为基类，扩展出简单图形和图形集合，其中简单图形又派生出点、线、面、圆、多线、多面等图形。图层数据源架构地图数据通过图层Layer组织渲染，且通过数据源Source设置具体的地图数据来源，因此图层和数据源就象形体和它的影子一样形影不离，密切相关。地图数据根据数据源可分为Image、Tile、Vector三大类。6.3OpenLayers常用接口Map（ol/Map）：地图容器，以Canvas渲染空间矢量、瓦片数据，加载地图控件，但对矢量数据支撑有限。WebGLMap（ol/WebGLMap）：使用WebGL渲染地图容器，渲染性能更高。View（ol/View）：地图视图，可定义视图的投影坐标系，控制地图中心位置、分辨率、显示级别。Layer（ol/Layer/Base）：图层，派生出多个图层子类，用于在地图容器中挂载数据源。Source（ol/source/Source）：数据源，派生出多个数据源子类，加载空间数据并设。Layer的数据源进行显示。Feature（ol/Feature）：地图要素对象，矢量数据要素单位，包含属性、空间几何对象和样式，挂载到Source中进行显示。Geometry（ol/geom/Geometry）：空间几何对象，派生出点线面等几何子类。Style（ol/style/Style）：显示样式类，通过其子类渲染Feature要素样式，包括填充样式、边线样式、图标样式、文字样式。Format（ol/format/Feature）：数据解析器，派生出多个解析器子类，用于读写各类格式数据，如GeoJSON、KML、GPX、WKT等。Overlay（ol/Overlay）：覆盖层，脱离图层逻辑直