qe-terrain-clip

这个组件主要用于三维中添加地形剖切,支持场景地形剖切分析的添加、清除。地形开挖是指根据指定的开挖区域、开挖深度，动态计算地形区域边界的高度，将开挖区域的地形剖切开进行相关地下空间内容展示。

---

实例

隐藏代码

<template>
  <div class="container">
    <qe-viewer
      :imagery-type="'AMap'"
      :fullscreen-button="true"
      :default-view="defaultView"
    >
      <qe-terrain-clip
        :positions="positions"
        :depth="30"
        :wall-img="wallImg"
        :bottom-img="bottomImg"
      />
    </qe-viewer>
  </div>
</template>


<script>
import { QeViewer,QeTerrainClip } from  '@qycloud/vue-qearth';
import 'vue2qearth/vue2qearth.css'
import ElementUI from 'element-ui'
import Vue from 'vue'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
export default {
  components: {
    QeViewer,
    QeTerrainClip
  },
  data() {
    return {
   markers: [],
      defaultView: [
        118.7863,
        31.9087,
        801.6425,
        1.724684714172732,
        -53.783141852231246,
        0.008819224020548466
      ],
      positions: [
        [118.78530347, 31.91314423, 1.02735847],
        [118.78701917, 31.91406876, -0.00150279],
        [118.78530347, 31.91406876, 1.02735847],
        [118.78701917, 31.91314423, -0.00150279]
      ],
      wallImg: require('../../src/assets/dataImages/excavate_side_min.jpg'),
      bottomImg: require('../../src/assets/dataImages/excavate_bottom_min.jpg')
    }
  },
  created() {},
  methods: {


  }
}
</script>
<style lang="scss" scoped>
  .container {
    height: 450px;
   
  }

  </style>

Attributes

参数	说明	类型	可选值	默认值
positions	挖掘区域边界坐标串，[[lng,lat,alt],[...]]	array	—	—
wallImg	挖掘区域侧面贴图资源地址	string/object	—	—
bottomImg	挖掘区域底面贴图资源地址	string/object	—	—
depth	挖掘区域深度	number	—	—

Events

覆盖物事件的使用请参照上面TerrainClip 实例

---

// 可选事件
"ready" // 组件装载后，返回当前实例对象