# ArcGisMapServerImageryProvider

vc-provider-imagery-arcgis-mapserver 组件用于加载 ArcGIS MapServer 影像服务图层。

# 示例

# 加载 ArcGIS MapServer 影像服务图层

# 预览

透明度
亮度
对比度
切换服务
收起
  <template>
    <div class="viewer">
      <vc-viewer @ready="ready">
       <vc-layer-imagery ref="layer" :alpha="alpha" :brightness="brightness" :contrast="contrast">
        <vc-provider-imagery-arcgis-mapserver ref="arcgis" :url="url" :maximumLevel="maximumLevel"></vc-provider-imagery-arcgis-mapserver>
       </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="url" 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 {
          options: [{
            value: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer',
            label: 'World_Imagery'
          }, {
            value: 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer',
            label: 'World_Street_Map'
          }],
          url: 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer',
          alpha: 1,
          brightness: 1,
          contrast: 1,
          maximumLevel: 20
        }
      },
      methods: {
        ready (cesiumInstance) {
          const {Cesium, viewer} = cesiumInstance
          // ...
        }
      }
    }
  </script>

# 属性

属性名 类型 默认值 描述
url String requiredArcGIS 影像服务地址。
token String optionalArcGIS 影像服务认证 Token。
tileDiscardPolicy Object optionalThe policy that determines if a tile is invalid and should be discarded.
usePreCachedTilesIfAvailable Boolean true optionalIf true, the server's pre-cached tiles are used if they are available. If false, any pre-cached tiles are ignored and the 'export' service is used.
layers String optional A comma-separated list of the layers to show, or undefined if all layers should be shown.
enablePickFeatures Boolean true optional是否拾取对象,在 infobox 弹出信息。
rectangle Object optional 图层的矩形范围,此矩形限制了影像可见范围。 结构:{ west: number, south: number, east: number, north: number }
tilingScheme Object optionalThe tiling scheme to use to divide the world into tiles. This parameter is ignored when accessing a tiled server.
ellipsoid Object optional参考椭球体
tileWidth Number 256 optional像元宽度。
tileHeight Number 256 optional像元高度。
maximumLevel Number optional最大层级。
isLocalTile Boolean optional是否为本地arcgis切片。

# 事件

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