07-Cesium 实体Plane

<!--
 * @Author: your name
 * @Date: 2021-05-13 21:02:13
 * @LastEditTime: 2021-05-17 20:58:48
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \cesium-vue\src\components\PointEntity\index.vue
-->
<template>
  <div></div>
</template>
<script>
import * as Cesium from "cesium/Cesium"
export default {
  props: {
    viewer: Object
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      let planyEntity = new Cesium.PlaneGraphics({
        // plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_Z, 0),//指定平面的法线和距离  UNIT_Z代表方向，X,Y,Z,一般Z即可
        // plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_X, 0),//指定平面的法线和距离  UNIT_Z代表方向，X,Y,Z,一般Z即可
        plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_Y, 0),//指定平面的法线和距离  UNIT_Z代表方向，X,Y,Z,一般Z即可
        dimensions: new Cesium.Cartesian2(300, 400),//指定宽度和高度
        material: Cesium.Color.GREEN,

      })
      let plane = this.viewer.entities.add({
        position: new Cesium.Cartesian3.fromDegrees(140.0, 40.0, 0),//经纬度转笛卡尔
        plane: planyEntity
      })
      this.viewer.zoomTo(plane)

    }
  }
}
</script>

<style>
</style>