WebGIS原理及开发——基于开源框架的WebGIS技术 课件 07-OpenLayers多源数据汇聚.pptx

基于开源框架的WebGIS技术;1.WebGIS概述

2.WebGIS基础技术

3.WebGIS技术原理

4.WebGIS的Web服务;;针对多元数据汇聚OpenLayers封装了ol/layer/Layer及相关子类作为渲染地图数据的图层容器、ol/source/Source及相关子类作为GIS数据源载体。常用的有：

矢量图层（ol/layer/Vector）、瓦片图层（ol/layer/Tile）、矢量瓦片图层（ol/layer/VectorTile）、图像图层（ol/layer/Image）；

矢量数据源（ol/source/Vector）、WMS数据源（ol/source/WMS）、WMTS数据源（ol/source/WMTS）、XYZ瓦片数据源（ol/source/XYZ）等。

地图应用中需要根据不同数据源选用对应的Layer和Source进行加载渲染：

瓦片数据源：一般使用ol/layer/tile+ol/source/tile这种方式加载瓦片地图服务数据，也可以ol/layer/Image+ol/source/Image方式加载一张图片数据源。

矢量数据源：一般使用ol/layer/Vector+ol/source/Vector方式加矢量数据，也有两种方式加载到source对象。一种是把取到的数据创建成feature要素，再用addFeature和addFeatures进行添加；另一种是url+format方法，把url地址下的数据用format格式转换器加载到source对象。;7.1公共格式数据

;天地图是国内常用的免费地图服务，采用CGCS2000坐标系，可以与WGS84进行叠加。使用时需要授权的key，官方申请网址：/server/guide.html。

在src/views/dataService目录下创建PublicMap.vue文件，添加createLyrTian方法创建天地图。引入上面写好的Map.vue组件复用地图创建，在地图创建完成的created事件上绑定onMapCreate方法，调用createLyrTian创建图层并添加到地图实例map对象。;constcreateLyrTian=()=

{

//你的key

constkey=

returnnewTileLayer({

properties:{

name:tian,

title:天地图,

},

source:newXYZ({

projection:EPSG:4326,

url:`http://t{0-7}./vec_c/wmts?SERVICE=WMTS

REQUEST=GetTileVERSION=1.0.0LAYER=vecSTYLE=defaultTILEMATRIXSET=c

FORMAT=tilesTILEMATRIX={z}TILEROW={y}TILECOL={x}tk=${key}`

})

})

}

constonMapCreate=map=

{

map.addLayer(createLyrTian())

};高德地图采用“火星坐标系”，它与CGCS2000和WGS84叠加时有偏移，需要纠偏。

在src/views/dataService目录下创建PublicMap.vue文件，添加createLyrTian方法创建天地图。引入上面写好的Map.vue组件复用地图创建，在地图创建完成的created事件上绑定onMapCreate方法，调用createLyrTian创建图层并添加到地图实例map对象。;constcreateLyrGd=()=

{

?returnnewTileLayer({

??properties:{

???name:gaode,

???title:高德地图,

??},

??source:newXYZ({

???url:http://webrd0{1-4}./appmaptile?lang=zh_cnsize=1

scl=1style=8lstyle=7x={x}y={y}z={z}

??})

?})

}

constonMapCreate=map=

{

?map.addLayer(createLyrGd())

};百度地图采用“百度坐标系”，与CGCS2000和WGS84叠加时有偏移，需要纠偏。;leturl=http://online{0-3}./onlinelabel/?qt=tile

x={x}y={y}z={z}styles=pludt=20191