# Vue2olLayerWebgltile

ol/layer/WebGLTile 的 vue 组件

Since: v1.0.0

# GeoTIFF

<template>
  <vue2ol-map style="height:400px;" @>
    <vue2ol-view v-if="viewOptions" :options="viewOptions"> </vue2ol-view>
    <vue2ol-layer-webgltile>
      <vue2ol-source-geotiff
        v-if="options"
        :options="options"
        @init="handleInit"
      >
      </vue2ol-source-geotiff>
    </vue2ol-layer-webgltile>
  </vue2ol-map>
</template>

<script>
export default {
  data() {
    return {
      viewOptions: null,
      options: null
    };
  },
  mounted() {
    this.options = {
      sources: [
        {
          url: "/gis-js/vue2ol/data/tif/example.tif"
        }
      ]
    };
  },
  methods: {
    handleInit(mapObject) {
      mapObject.getView().then(viewConfig => {
        viewConfig.showFullExtent = true;
        this.viewOptions = viewConfig;
      });
    }
  }
};
</script>

Copy

# Props

名称	描述	类型	取值范围	默认值
properties	属性	object	-
options	对应 openlayers 对象的实例化参数选项,其他没有在 props 中列举的参数，如果有传入 props 并且与默认值不同，则以 props 中的值为准，否则使用 options 中的值	object	-	{}
parentMap	地图,如果为 null 则从 parent 中获取	{import('ol/Map').default}	-
name	图层名称	string	-
extent	图层渲染的边界范围。该层将不会在此范围之外渲染。	import('ol/extent').Extent	-
maxResolution	图层可见的最大分辨率（不包括）。	number	-
maxZoom	图层可见的最大缩放（不包括）。请注意，图层可见性的缩放级别基于视图缩放级别，这可能与平铺源缩放级别不同。	number	-
minResolution	图层可见的最小分辨率（包括）。	number	-
minZoom	图层可见的最小缩放（包括）。请注意，图层可见性的缩放级别基于视图缩放级别，这可能与平铺源缩放级别不同。	number	-
opacity	图层的不透明度，允许值范围从 0 到 1。	number	-
visible	图层可见性	boolean	-	true
zIndex	图层层级，值越大显示在上层	number	-
source		object	-
preload	将预加载瓦片的数量。	number	-
useInterimTilesOnError	错误时使用临时瓷砖。	boolean	-

# Events

名称	属性	描述
init	mapObject `import('ol/layer/WebGLTile').default` - 地图元素	地图元素初始化完时触发
append	mapObject `import('ol/layer/WebGLTile').default` - 地图元素	地图元素添加到地图时触发
ready	mapObject `import('ol/layer/WebGLTile').default` - 地图元素	组件就绪时触发

# Slots

Name	Description	Bindings
default

← Vue2olLayerImage Vue2olLayerHeatmap →