<template>
    <div id="cesiumContainer" class="cesium-container"></div>
</template>
<script setup>
import { onMounted } from 'vue';
import { addStationCoordinate } from './function';
onMounted(() => {
    let siteInfo = {
        id: 'site',
        position: [20, 20, 1],
        ellipsoid: {
        radii: [50000, 50000, 50000],
        innerRadii:[1,1,1],
        minimumClock: 45,
        maximumClock: 90,
        minimumCone:45,
        maximumCone:75,
        outline: false,
        fill: true,
        },
        
        label: {
        text:''
        },
    }
    addStationCoordinate(siteInfo)
});
</script>

<style>
.cesium-container {
width: 100%;
height: 100vh;
}
</style>