# BingMapsImageryProvider

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

# 示例

# 加载 BingMaps REST API 影像服务图层

# 预览

透明度
亮度
对比度
切换服务
收起 
  <template>
    <div class="viewer">
      <vc-viewer @ready="ready">
        <vc-layer-imagery :alpha="alpha" :brightness="brightness" :contrast="contrast">
          <vc-provider-imagery-bingmaps :url="url" :bmKey="bmKey" :mapStyle="mapStyle"></vc-provider-imagery-bingmaps>
        </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>
        <span>切换服务</span>
        <el-select v-model="mapStyle" placeholder="请选择服务">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </div>
    </div>
  </template>

  <script>
    export default {
      data () {
        return {
          url: 'https://dev.virtualearth.net',
          bmKey: 'AgcbDCAOb9zMfquaT4Z-MdHX4AsHUNvs7xgdHefEA5myMHxZk87NTNgdLbG90IE-', // 可到(https://www.bingmapsportal.com/)申请Key。
          mapStyle: 'Road',
          options: [{
            value: 'Aerial',
            label: 'Aerial'
          }, {
            value: 'AerialWithLabels',
            label: 'AerialWithLabels'
          },{
            value: 'Road',
            label: 'Road'
          }, {
            value: 'CanvasDark',
            label: 'CanvasDark'
          }],
          alpha: 1,
          brightness: 1,
          contrast: 1,
          terrainProvider: null
        }
      },
      methods: {
        ready (cesiumInstance) {
          const {Cesium, viewer} = cesiumInstance
          // ...
        }
      }
    }
  </script>

# 属性

属性名 类型 默认值 描述
url String | Object required指定服务地址。
bmKey String optional指定 BingMaps 地图 API 秘钥，可到https://www.bingmapsportal.com/ (opens new window)申请 Key。 注意是bmKey
tileProtocol String optional指定地图是 http 还是 https 加载，默认与页面相同。
mapStyle String 'Aerial' optional指定加载的 BingMaps 类型。
culture String '' optional指定服务的描述信息。
ellipsoid Object optional参考椭球体
tileDiscardPolicy Object optional指定 tile 无效时是否被舍弃。

# 事件

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

← 经纬格网影像 →