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

<script setup>
// const sdk = ref(null);
const createEarth = () => {
  window.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
    }
  });
  YJ.Global.CesiumContainer(sdk, {
    compass: false // 罗盘
  });
  new YJ.Tools(sdk).flyHome(0);
};

onMounted(async () => {
  await YJ.on();
  createEarth();
  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);
}
</style>
