> mapgis-3d-sightline

## # 属性

### # `vueKey`

- 类型: `String`
- 可选
- 非侦听属性
- 默认值: `default`
- 描述:

    mapgis-web-scene组件的ID，当使用多个mapgis-web-scene组件时，需要指定该值，来唯一标识mapgis-web-scene组件，
    同时mapgis-web-scene插槽中的组件也需要传入相同的vueKey，让组件知道应该作用于哪一个mapgis-web-scene。

### # `vueIndex`

- 类型: `Number`
- 可选
- 非侦听属性
- 描述:

    当mapgis-web-scene插槽中使用了多个相同组件时，例如多个mapgis-3d-igs-doc-layer组件，用来区分组件的标识符。

### # `exHeight`

- 类型: `Number`
- 可选
- 侦听属性
- 默认值: `1.85`
- 描述: 观察点的附加高度，单位为米

### # `unVisibleColor`

- 类型: `String`
- 可选
- 侦听属性
- 默认值: `#ff0000`
- 描述: 不可视区域颜色，可以传 16 进制或者 rgba 任意形式颜色

### # `visibleColor`

- 类型: `String`
- 可选
- 侦听属性
- 默认值: `#008000`
- 描述: 可视区域颜色，可以传 16 进制或者 rgba 任意形式颜色

## # 事件

### # `@load`

- Description: 在 Sightline 组件 加载完毕后发送该事件
- Payload 通视分析对象

## # 示例

    <template>
      <mapgis-web-scene
        libPath="cesium/Cesium.js"
        pluginPath="cesium/webclient-cesium-plugin.min.js"
      >
        <mapgis-3d-raster-layer :url="url" />
        <mapgis-3d-igs-m3d
          :autoReset="autoReset"
          :maximumScreenSpaceError="maximumScreenSpaceError"
          :url="m3dUrl"
        />
        <mapgis-ui-card class="storybook-ui-card">
          <mapgis-3d-sightline
            :exHeight="exHeight"
            :visibleColor="visibleColor"
            :unVisibleColor="unVisibleColor"
          ></mapgis-3d-sightline>
        </mapgis-ui-card>
      </mapgis-web-scene>
    </template>

    <script>
    export default {
      data() {
        return {
          url:
            "http://t0.tianditu.com/DataServer?T=vec_w&L={z}&Y={y}&X={x}&tk=9c157e9585486c02edf817d2ecbc7752",
          m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
          autoReset: true,
          maximumScreenSpaceError: 8,
          exHeight: 2.0,
          visibleColor: "#2E8B57",
          unVisibleColor: "#FFA500"
        };
      }
    };
    </script>
    <style scoped>
    .storybook-ui-card {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1000;
    }
    </style>