openLayers6系列理论基础——Layer数据源source篇

openLayers6系列理论基础——Layer数据源source篇

source是Layer重要组成部分,表示的图层的来源,指定了数据的服务地址。

一、使用

  • 实例化时候通过构造函数生成
  • 通过layer.setSource(source)稍后指定

二、分类

  1. ol.source.BingMaps ,必应地图的切片数据,继承自ol.source.TileImage;
  2. ol.source.Cluster,聚簇矢量数据,继承自ol.source.Vector;
  3. ol.source.ImageCanvas,数据来源是一个 canvas 元素,其中的数据是图片,继承自 ol.source.Image;
  4. ol.source.ImageMapGuide,Mapguide 服务器提供的图片地图数据,继承自 ol.source.Image,fire ol.source.ImageEvent;
  5. ol.source.ImageStatic,提供单一的静态图片地图,继承自ol.source.Image;
  6. ol.source.ImageVector,数据来源是一个 canvas 元素,但是其中的数据是矢量来源 ol.source.Vector,继承自 ol.source.ImageCanvas;
  7. ol.source.ImageWMS,WMS 服务提供的单一的图片数据,继承自 ol.source.Image,触发 ol.source.ImageEvent;
  8. ol.source.MapQuest,MapQuest 提供的切片数据,继承自 ol.source.XYZ;
  9. ol.source.OSM,OpenStreetMap 提供的切片数据,继承自 ol.source.XYZ;
  10. ol.source.Stamen,Stamen 提供的地图切片数据,继承自 ol.source.XYZ;
  11. ol.source.TileVector,被切分为网格的矢量数据,继承自 ol.source.Vector;
  12. ol.source.TileDebug,并不从服务器获取数据,而是为切片渲染一个网格,继承自 ol.source.Tile;
  13. ol.source.TileImage,提供切分成切片的图片数据,继承自 ol.source.Tile,触发 ol.source.TileEvent;
  14. ol.source.TileUTFGrid,TileJSON 格式 的 UTFGrid 交互数据,继承自 ol.source.Tile;
  15. ol.source.TileJSON,TileJSON 格式的切片数据,继承自 ol.source.TileImage;
  16. ol.source.TileArcGISRest,ArcGIS Rest 服务提供的切片数据,继承自 ol.source.TileImage;
  17. ol.source.WMTS,WMTS 服务提供的切片数据。继承自 ol.source.TileImage;
  18. ol.source.XYZ,XYZ 格式的切片数据,继承自 ol.source.TileImage;
  19. ol.source.Zoomify,Zoomify 格式的切片数据,继承自 ol.source.TileImage。

上面介绍的都是可以实例化的类,还有一部分基类,不能被实例化,只负责被继承,有:

  • ol.source.Image,提供单一图片数据的类型,直接继承自 ol.source.Source;
  • ol.source.Tile,提供被切分为网格切片的图片数据,继承自 ol.source.Source;
  • ol.source.Vector,提供矢量图层数据,继承自 ol.source.Source;

三、常见source说明

3.1 ol.source.Vector

3.1.1 用途

import VectorSource from 'ol/source/Vector';

定义矢量图层的数据源。

3.1.2 事件

3.1.3 属性

3.2 ol.source.Tile

3.3  ol.source.Image

 

 

 


 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值