# TileMapServiceImageryProvider

vc-provider-imagery-tile-mapservice 组件用于加载由 MapTiler (opens new window)，GDAL2Tiles (opens new window) 等生成的切片图片影像。

# 示例

# 加载 TileMapService 影像图层

# 预览

透明度
亮度
对比度
收起 
  <template>
    <div class="viewer">
      <vc-viewer @ready="ready">
        <vc-layer-imagery :alpha="alpha" :brightness="brightness" :contrast="contrast">
          <vc-provider-imagery-tile-mapservice
            :url="url"
            :rectangle="rectangle"
            :maximumLevel="4"
            @readyPromise="imageryReady"
          ></vc-provider-imagery-tile-mapservice>
        </vc-layer-imagery>
      </vc-viewer>
      <div class="demo-tool">
        <span>透明度</span>
        <el-slider v-model="alpha" :min="0" :max="1" :step="0.01"></el-slider>
        <span>亮度</span>
        <el-slider v-model="brightness" :min="0" :max="3" :step="0.01"></el-slider>
        <span>对比度</span>
        <el-slider v-model="contrast" :min="0" :max="3" :step="0.01"></el-slider>
      </div>
    </div>
  </template>

  <script>
    export default {
      data() {
        return {
          alpha: 1,
          brightness: 1,
          contrast: 1,
          url: '/statics/SampleData/images/cesium_maptiler/Cesium_Logo_Color',
          rectangle: { west: -120, south: 20, east: -60, north: 40 }
        }
      },
      methods: {
        ready(cesiumInstance) {
          const { Cesium, viewer } = cesiumInstance
          this.viewer = viewer
          // ...
        },
        imageryReady(imageryProvider) {
          this.viewer.camera.flyTo({ destination: imageryProvider.rectangle })
        }
      }
    }
  </script>

# 属性

属性名 类型 默认值 描述
url String|Object '.' optional 指定图片服务地址。
fileExtension String 'png' optional 指定图片服务影像扩展名。
credit String|Object '' optional 指定服务版权描述信息。
minimumLevel Number 0 optional 指定服务最小层级。
maximumLevel Number optional 指定服务最大层级。
rectangle Object optional 指定影像加载的矩形范围。
tilingScheme Object optional 指定服务坐标系参数。
ellipsoid Object optional 指定参考椭球体。默认 WGS84 椭球体。
tileWidth Number 256 optional 指定图像瓦片宽度。
tileHeight Number 256 optional 指定图像瓦片高度。
flipXY Boolean optional 较旧版本的gdal2tiles.py在tilemapresource.xml中翻转了X和Y值。 指定此选项将执行相同操作，允许加载这些不正确的tileset。

# 事件

事件名 参数 描述
ready {Cesium, viewer, cesiumObject} 该组件渲染完毕时触发，返回 Cesium 类, viewer 实例，以及当前组件的 cesiumObject。
errorEvent TileProviderError 当图层提供者发生异步错误时触发, 返回一个 TileProviderError 实例。
readyPromise ImageryProvider 当图层提供者准备好时触发。

← Singletile影像 →