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,图片地图加载出错时触发的事件


你可能感兴趣的:(openlayers)