openlayers3—地图图层数据来源(ol.source)

翻译 2016年11月10日 09:30:58

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 3 之 地图图层数据来源(ol.source)详解

source 是 Layer 的重要组成部分,表示图层的来源,也就是服务地址。除了在构造函数中制定外,可以使用 layer.setSource(source) 稍后指定。一、包含的类型 ol.sour...

openlayers3 通过wfs请求方式添加矢量vector图层

function getParkingLayerFunc(mapUrl,parkingLayerName){ //获取该坐标系下地图边界 var projectionExtent = ****.pr...

OpenLayers 3 之 地图图层(Layers) 详解

如果不是专业的地图工作者,看到地图,可能觉得地图就是一张将三维世界映射到二维空间,很多信息混杂在一起表示空间信息的动态可交互图片,其实这只是表面现象。实际上地图是由一个或多个图层组成的,使用不同的图层...

OpenLayers 瓦片数据源(ol.source.Tile)解析

本文讨论内容是瓦片数据源(ol.source.Tile),主要从官方API文档入手,结合个人理解和案例进行展开。 首先看一下OpenLayers的地图图层数据源的层次结构,对ol.source.Sou...

OpenLayers3 学习心得(六)——WMS服务

最近,有同学问如何加载geoserver发布的wms服务

OpenLayers 3 之 地图矢量图层(ol.layer.Vector)详解

在 GIS 中,地图一般分为两大类:栅格地图和矢量地图,栅格地图其实就是数码照片,只不过有的是卫星拍的。它们有一个共同特征,就是它们都是由很多个像素组成,像素大小是一致的,行高和列宽是一致的,从这个角...

OpenLayers3+OpenStreetMap初探

首先到http://www.openlayers.org/下载OpenLayers,我下的版本是v3.4 网上很多中文教程基本都是2的,3的比较少,只能慢慢摸索,而且我是个web、js小白。 最开始接...

openlayers 3扩展,调用百度地图、高德地图、天地图服务

调用这三个商业地图服务,我们使用的都是切片(Tile)地图服务,关于切片地图的含义这里做简单的介绍: 切片地图就是指将显示的地图切成一块一块的(256 * 256)分别显示加载。openlayers...

openlayers3加载各种底图,补齐中..

不管是加载在线还是离线的底图,无非是按照一定的规则,正确定义图层(layer),然后将图层添加到map对象中,这里我map对象使用的坐标系为WGS84 4326,openlayers版本为3.17。 ...

OpenLayers3添加ImageCanvas作为图层

ol3中的ImageCanvas天然就是为了让用户将Canvas画的图像添加到地图中作为图层。 下面给出代码: 添加一个Canvas图层 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:openlayers3—地图图层数据来源(ol.source)
举报原因:
原因补充:

(最多只允许输入30个字)