openlayers3—地图图层数据来源（ol.source）

ol.source.BingMaps,必应地图的数据；

ol.source.Cluster,聚族矢量数据；

ol.source.ImageCanvas,数据来源是一个canvas元素，其中数据是图片；

ol.source.ImageMapGuide,Mapguide服务器提供的图片地图数据；

ol.source.ImageStatic,提供单一的静态图片地图；

ol.source.ImageVector,数据来源是一个canvas元素，其中的数据是矢量来源；

ol.source.Vector

ol.source.ImageWMS,WMS服务提供的单一的图片数据；

ol.source.MapQuest,MapQuest提供的切片数据；

ol.source.OSM,OpenStreetMap提供的切片数据；

ol.source.Stamen,Stamen提供的地图切片数据；

ol.source.TileVector,被切分为网格的矢量数据；

ol.source.TileDebug,并不从服务器获取数据，而是为切片渲染一个网格；

ol.source.TileImage,提供切分切片的图片数据

ol.source.TileUTFGrid,TileJSON格式的UTFGrid交互数据

ol.source.TileJSON,TileJSON格式的切片数据

ol.source.TileArcGISRest,ArcGIS Rest服务提供的切片数据

ol.source.WMTS,WMTS服务提供的切片数据

ol.source.XYZ,XYZ格式烦人切片数据

ol.source.Zoomify,Zoomify格式的切片数据

以上都是可以实例化的类。

ol.source.Image,提供单一的图片数据的类型

ol.source.Tile,提供被切分为网格切片的图片数据

ol.source.vector 提供矢量图层数据

以上是不能被实例化，只负责被继承的基类。

一、ol.source.Vector，矢量图层的数据来源

1. 包含四个事件：（1）addfeature:当一个要素添加到source中触发；

        （2）changefeature:当要素变化时触发；

                                （3）clear:当source的clear方法调用时触发；

                                （4）removefeature:当要素移除时发送。

2. 可以接受的参数：

attibution:地图右下角logo包含的内容

features:地理要素，从字符串读取的数据

format:url属性设置后，加载要素使用的数据格式，采用异步的ajax加载

loader:加载要素使用的加载函数

logo:logo包含的内容

URL：要素数据的地址

wrapX:是否在地图水平坐标轴上重复，默认true

3. 示例说明

ol.source.Vector

如果有一个包含空间数据的字符串geojsonobject，是GeoJSON格式，则可以用来初始化一个图层。

var vectorSource=new ol.source.Vector({
       features:(new ol.format.GeoJSON()).readFeatures(geojsonobject)
});
var vectorLayer=new ol.layer.Vector({
       souce:vectorSource,
       style:style
});
map.addLayer(vectorLayer);

如果有一个文件作为数据源，也可以配置url属性来加载数据

var vectorLayer=new ol.layer.Vector({
       source:new ol.source.Vector({
                 url:'连接地址',
                 format:new ol.format.GeoJSON()
})
});

二、ol.source.Tile 提供被切分的图片地图数据

1. 可选参数：

logo,wrapX与上一样

extent:地图视图默认的坐标范围

opaque:不透明与否，默认false

tilePixelRatio:切片的大小调整选项

projection:投影

state:地图所处的状态，undefined,loading,ready,error

tileGrid:覆盖在地图上的格网

2. 事件：（1）tileloadstart:切片开始加载时触发的事件

                （2）tileloadned 切片加载完毕时触发的事件

                （3）tileloaderror 切片加载出错时的处理
三、ol.source.Image 提供单一的图片地图

1. 参数：extent,logo,projection,state与上一样

resolutions:地图分辨率

2. 事件：（1）imageloadstart，图片地图开始加载触发的事件

                （2）imageloadend，图片地图加载完毕触发的事件

                （3）imageloaderror，图片地图加载出错时触发的事件

转载自：https://blog.csdn.net/sinat_33779360/article/details/53112559