Class: ImageLayer

ImageLayer

图像图层,一般用于给地图上添加指定范围的静态图片

new ImageLayer({
  name: "静态图像图层测试",
  zIndex: 2,
  imageSrc: require("../../assets/dataImages/static.jpg"),
  imageExtent: [122.137113, 29.952088, 122.153463, 29.961873]
}).addToMap(this.$map);

new ImageLayer(options)

layer/ImageLayer.js, line 23

构造一个图像图层对象

Name Type Description
options LayerOptions

图像图层可选属性

Name Type Default Description
imageSrc String

图像的地址

imageExtent Array

图像所对应地图上的矩形边界点,[xMin,yMin,xMax,yMax]

备注

更多属性方法,请点击链接查看: https://openlayers.org/en/latest/apidoc/module-ol_layer_Image-ImageLayer.html

className string 'ol-layer' optional

设置layer元素的CSS类名称。

opacity number 1 optional

不透明度(0,1)。

visible boolean true optional

图层是否可见。

extent Array optional

图层渲染的边界范围。该图层不会在此范围之外渲染。

zIndex number optional

图层渲染的Z索引。在渲染时,将首先按Z索引然后按位置对图层进行排序。 当zIndexundefined时,zIndex将被设置为0加入到图层集合中; 而在使用图层的setMap()方法时,zIndexInfinity

minZoom number optional

最小视图缩放级别(不包括),在该级别之上,该层将可见。

maxZoom number optional

该图层可见的最大视图缩放级别(包括该级别)。

map Map optional

将图层设置为地图上的叠加层。地图将不会在其图层集合中管理此图层, 也就是当调用Map#getLayers()方法时,图层集合里不会出现该图层。并且该图层将呈现在顶部。 这对于临时层很有用。在地图上添加图层并由地图管理图层的标准方法是使用Map#addLayer()方法。

Extends

  • ol/layer/Image

Classes

ImageLayer

Methods

addToMap(map){layer}

layer/ImageLayer.js, line 47

将图层添加到指定的map上

Name Type Description
map Map

指定的map对象。

Returns:
Type Description
layer 当前的图层对象

getOptions(){Object}

layer/ImageLayer.js, line 73

获取图层资源属性

Returns:
Type Description
Object 图层资源属性