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


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

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

OpenLayers 3 之 地图图层数据来源(ol.source)详解

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

Openlayers3 加载Geowebcache 发布的 ArcGIS 切片地图

上篇 使用Geoserver(其实是Geowebcache) 发布本地的ArcGIS 切片地图, 成功发布了ArcGIS 的切片地图,本篇介绍使用 OpenLayers 加载 Geowebcache ...
  • sinat_25295611
  • sinat_25295611
  • 2018年01月08日 15:24
  • 59

open layer4加载wms

wms数据是在GIS服务器(如geoserver)绘制完成后返回图像数据给客户端,一般叠加于底图上。wms数据的样式可在GIS服务器中定义,因此返回的图像数据中是样式化后的图像。var wmsSour...
  • qq_31805885
  • qq_31805885
  • 2017年12月16日 12:31
  • 22

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

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

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

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

wms根据sld,sld_body请求地图

根据sld,sld_body动态修改wms图层
  • freeland1
  • freeland1
  • 2015年10月27日 14:21
  • 2259

OpenLayers3基础教程——加载资源

本节讲述如何在Ol3中加载wms图层并显示到地图中。
  • GISShiXiSheng
  • GISShiXiSheng
  • 2015年07月04日 17:28
  • 4986

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

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

openlayer4入门系列一(地图描绘经纬度点)

openlayer结合地图描绘经纬点 openlayer入门案列
  • qq_35257397
  • qq_35257397
  • 2017年11月13日 14:37
  • 290
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:openlayers3—地图图层数据来源(ol.source)
举报原因:
原因补充:

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