# CylinderGraphics

vc-graphics-cylinder 组件用于加载圆柱体、圆锥、圆锥台。需要作为 vc-entity 的子组件使用。

# 示例

# 添加圆柱（锥）体到场景

# 预览

收起 
  <template>
    <div class="viewer">
      <vc-viewer @ready="ready">
        <vc-entity ref="entity1" :position="position1" :description="description" :cylinder.sync="cylinder1">
          <vc-graphics-cylinder :length="400000.0" :topRadius="200000.0" :bottomRadius="200000.0" :material="material1"
            :outline="true" :outlineColor="outlineColor1"></vc-graphics-cylinder>
        </vc-entity>
        <vc-entity ref="entity2" :position="position2" :description="description" :cylinder.sync="cylinder2">
          <vc-graphics-cylinder :length="400000.0" :topRadius="0.0" :bottomRadius="200000.0" :material="material2"></vc-graphics-cylinder>
        </vc-entity>
      </vc-viewer>
    </div>
  </template>

  <script>
    export default {
      data () {
        return {
          description: 'Hello Vue Cesium',
          cylinder1: {},
          position1: { lng: 105.0, lat: 40.0, height: 200000.0 },
          outlineColor1: 'DARK_GREEN',
          material1: {},

          cylinder2: {},
          position2: { lng: 110.0, lat: 40.0, height: 200000.0 },
          material2: 'RED'
        }
      },
      mounted() {
        Promise.all([this.$refs.entity1.createPromise, this.$refs.entity2.createPromise]).then(
          (instances) => {
            instances[0].viewer.zoomTo(instances[0].viewer.entities)
          }
        )
      },
      methods: {
        ready (cesiumInstance) {
          const {Cesium, viewer} = cesiumInstance
          this.material1 = Cesium.Color.GREEN.withAlpha(0.5)
        }
      }
    }
  </script>

# 属性

属性名 类型 默认值 描述
show Boolean true optional 指定 cylinder 是否显示。
length Array optional 指定 cylinder 的长。
topRadius Number optional 指定 cylinder 的顶部半径。
bottomRadius Number optional 指定 cylinder 的底部半径。
heightReference Number optional 指定 cylinder 高度模式。 NONE: 0, CLAMP_TO_GROUND: 1, RELATIVE_TO_GROUND: 2
fill Boolean true optional 指定 cylinder 是否填充材质。
material Object|String|Array 'WHITE' optional 指定 cylinder 的材质。
outline Boolean false optional 指定 cylinder 是否绘制轮廓线。
outlineColor Object|String|Array 'BLACK' optional 指定 cylinder 轮廓线颜色。
outlineWidth Number 1.0 optional 指定 cylinder 轮廓线宽度。
numberOfVerticalLines Number 16 optional 指定沿轮廓线周长绘制的垂直线数。
slices Number 128 optional 指定 cylinder 边节点数量。
shadows Number 0 optional 指定 cylinder 是否投射或接收每个点光源的阴影。 DISABLED: 0, ENABLED: 1, CAST_ONLY: 2, RECEIVE_ONLY: 3, NUMBER_OF_SHADOW_MODES: 4, RECEIVE_ONLY: 3
distanceDisplayCondition Object optional 指定 cylinder 随相机距离显示条件。 结构：{ near: number, far: number }

# 事件

事件名 参数 描述
ready {Cesium, viewer, cesiumObject} 该组件渲染完毕时触发，返回 Cesium 类, viewer 实例，以及当前组件的 cesiumObject。
definitionChanged 每当更改或修改属性或子属性时触发该事件。

← 椭圆实体 →