<template>
  <div class="ol-map" id="olMap"></div>
</template>

<script setup>
import { workScheduleDel } from '@/api/progress/plan';
import { renderFacilitiesToCesium } from '@/views/gisHome/js/renderFacilities';
let sdk = null;

const initFacilities = async () => {
  const res = await workScheduleDel('1933358821565095951');
  console.log(res);

  renderFacilitiesToCesium(sdk.viewer, res.data);
};

// 初始化 Cesium 地球
const createEarth = () => {
  sdk = new YJ.YJEarth('olMap');

  YJ.Global.setDefaultView(sdk, {
    destination: { lng: 100, lat: 30, alt: 22099000 },
    orientation: {
      heading: 0.0,
      pitch: -90.0,
      roll: 0.0
    }
  });

  new YJ.Obj.ArcgisWXImagery(sdk, {
    show: true,
    layer_index: 1
  });

  YJ.Global.CesiumContainer(sdk, {
    compass: false
  });

  new YJ.Tools(sdk).flyHome(0);
};

onMounted(async () => {
  // 最早执行
  window.CESIUM_BASE_URL = '/Cesium/';

  await YJ.on();
  createEarth();
  await initFacilities();
  console.log(YJ);
});
</script>

<style lang="scss" scoped>
@import '../css/gis.scss';
.ol-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh);
}
.btn {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
</style>
