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...
  • qingyafan
  • qingyafan
  • 2015-05-24 10:27:16
  • 11182

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

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

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

function getParkingLayerFunc(mapUrl,parkingLayerName){ //获取该坐标系下地图边界 var projectionExtent = ****.pr...
  • longshengguoji
  • longshengguoji
  • 2015-09-11 21:21:42
  • 6243

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

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

OpenLayers3应用

OpenLayers3应用 sf2gis@163.com 2015年6月17日   1 使用WEB服务 1.1 显示OpenStreetMap 示例:         ...
  • sf2gis2
  • sf2gis2
  • 2015-06-30 23:38:58
  • 2513

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

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

OpenLayers 之 地图图层数据来源(ol.source)详解,ps图层混合模式详解

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

OpenLayers(一)

OpenLayers是一个用于开发WebGIS客户端的Js类库包
  • mxw322
  • mxw322
  • 2016-11-22 18:06:51
  • 440

Openlayers之加载开放数据源

1、新建一个html页面,引入ol.js和ol.css文件,然后在body中创建一个div标签和一个select下拉列表框; 2、代码实现 ...
  • SmileCoffin
  • SmileCoffin
  • 2017-02-13 15:55:01
  • 581

ol3 结构图 仅限ol.source.Source

  • u011465574
  • u011465574
  • 2014-09-12 23:56:19
  • 841
收藏助手
不良信息举报
您举报文章:openlayers3—地图图层数据来源(ol.source)
举报原因:
原因补充:

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