IonImageryProvider

vc-provider-imagery-ion 组件用于加载 Cesium ion REST API 影像服务图层。

示例

加载 Cesium Ion REST API 影像服务图层

预览

透明度

亮度

对比度

收起

  <template>
    <div class="viewer">
      <vc-viewer @ready="ready">
        <vc-layer-imagery :alpha="alpha" :brightness="brightness" :contrast="contrast">
          <vc-provider-imagery-ion :assetId="3812"></vc-provider-imagery-ion>
        </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
        }
      },
      methods: {
        ready (cesiumInstance) {
          const {Cesium, viewer} = cesiumInstance
          // ...
        }
      }
    }
  </script>

属性

属性名	类型	默认值	描述
assetId	Number		required 指定 Cesium Ion在线影像 asset ID。
accessToken	String		optional 指定密钥。
server	String|Object		optional 指定 Cesium 在线服务器地址。

---

• 参考官方文档： IonImageryProvider (opens new window)

事件

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

---