> mapgis-3d-excavate

## # 属性

### # `vueKey`

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

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

### # `vueIndex`

- 类型: `Number`
- 必传
- 非侦听属性
- 描述:

    通过vueIndex将开挖面绑定在模型上，当只开挖一个模型时，传一个vueIndex即可，当要对多个模型进行开挖时，传入一个[vueIndex]数组即可
    当mapgis-web-scene插槽中使用了多个相同组件时，例如多个mapgis-3d-igs-doc-layer组件，用来区分组件的标识符。

### # `excaveteStyle`

- 类型: `Object`
- 可选
- 侦听属性
- 描述: 图层样式，有如下值：

        material String 控制裁剪面的材质颜色，默认值"#ffffff"
        edgeColor String 控制裁剪时边界线颜色，默认值"#FF8C00"
        edgeWidth Number 控制边界线宽度，默认值 3

## # 示例

    <template>
      <mapgis-web-scene
        style="height:100vh"
        lib-path="./statics/libs/cdn/cesium/Cesium.js"
        plugin-path="./statics/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
      >
        <!--    <mapgis-3d-igs-m3d  :url="m3dUrl"  :auto-reset="autoReset"></mapgis-3d-igs-m3d>-->
        <mapgis-3d-igs-m3d
          :url="m3dUrl2"
          :vue-index="vueIndex"
          :auto-reset="autoReset"
          :maximum-screen-space-error="maximumScreenSpaceError"
          :debugShowBoundingVolume="debugShowBoundingVolume"
        ></mapgis-3d-igs-m3d>
        <mapgis-3d-excavate
          :vue-index="vueIndex"
          :excaveteStyle="excaveteStyle"
        ></mapgis-3d-excavate>
        <mapgis-3d-statebar> </mapgis-3d-statebar>
      </mapgis-web-scene>
    </template>

    <script>
    export default {
      name: "cesiumExcavate.vue",
      data() {
        return {
          m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/钻孔_2_钻孔模型s",
          autoReset: true,
          // m3dUrl2:"http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
          m3dUrl2:
            "http://develop.smaryun.com:6163/igs/rest/g3d/钻孔分层点_Sur_000_Ent",
          maximumScreenSpaceError: 1,
          vueIndex: 22,
          debugShowBoundingVolume: true,
          excaveteStyle: {
            material: "#DB2B5A",
            edgeColor: "#DB2B5A",
            edgeWidth: 5,
          },
        };
      },
    };
    </script>

    <style scoped></style>