> mapgis-3d-analysis-overlay

## # 属性

### # `srcType`

- 类型: `String`
- 可选
- 非侦听属性
- 默认值: `Layer`
- 描述: 叠加分析的类型，即图层-图层级叠加'Layer'和图层-要素级叠加'Feature'

### # `baseUrl`

- 类型: `String`
- 可选
- 非侦听属性
- 默认值: `http://localhost:6163`
- 描述: 输入图层的baseUrl

### # `srcALayer`

- 类型: `String`
- 必选
- 非侦听属性
- 默认值: ``
- 描述: 输入被叠加图层的gdbp

### # `srcBLayer`

- 类型: `String`
- 必选
- 非侦听属性
- 默认值: ``
- 描述: 输入叠加图层的gdbp

### # `srcAFeature`

- 类型: `Object`
- 可选
- 非侦听属性
- 默认值: `{}`
- 描述: 输入叠加要素的GeoJSON数据

## # 事件

### # `@load`

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

### # `@listenLayer`

- Description: 在图层-图层级或图层-要素级叠加分析完成后发送该事件

### # `@listenOverlayAdd`

- Description: 在叠加分析结束后发送该事件

## # 示例

    <template>
      <div style="width: 1200px;height: 800px;">
        <mapgis-web-scene
          style="height:90vh"
          lib-path="statics/libs/cdn/cesium/Cesium.js"
          plugin-path="statics/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
        >
          <mapgis-ui-card class="storybook-ui-card">
            <mapgis-3d-analysis-overlay
              :baseUrl='baseOverlayUrl'
              :srcType='srcType'
              :srcALayer='srcALayer'
              :srcBLayer='srcBLayer'
              :srcAFeature='srcAFeature'
              @listenLayer="showLayer"
              @listenOverlayAdd="showAdd"
            />
          </mapgis-ui-card>
          <mapgis-3d-igs-dynamic-layer
            v-if="finishedResult && addResultToLayer"
            baseUrl="http://localhost:6163/igs/rest/mrms/layers"
            :gdbps="resultLayer"
          ></mapgis-3d-igs-dynamic-layer>
        </mapgis-web-scene>
      </div>
    </template>

    <script>
    export default {
      data() {
        return {
          baseOverlayUrl: "http://localhost:6163",
          srcType: "Layer",
          srcALayer: "gdbp://MapGISLocalPlus/sample/sfcls/湖北省路网",
          srcBLayer: "gdbp://MapGISLocalPlus/sample/sfcls/武汉市轮廓",
          srcAFeature: {
            "type": "FeatureCollection",
            "features": [
              {
                "type": "Feature",
                "properties": {},
                "id": "id1",
                "geometry": {
                  "type": "Polygon",
                  "coordinates": [
                    [ [114,30], [114,31], [115,31], [115,30], [114,30] ]
                  ]
                },
              },
              {
                "type": "Feature",
                "properties": {},
                "id": "id2",
                "geometry": {
                  "type": "Polygon",
                  "coordinates": [
                    [ [115,30] , [115,31] , [116,31] , [116,30] , [115,30] ]
                  ]
                },
              },
            ]
          },
          finishedResult: false,
          resultLayer: "",
          addResultToLayer: false
        };
      },
      methods: {
        showLayer(data) {
          this.finishedResult = true
          this.resultLayer = data
        },
        showAdd(data) {
          this.addResultToLayer = data
        },
      },
    };
    </script>

    <style scoped>
    .storybook-ui-card {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1000;
    }
    </style>