<template>
    <div id="cesiumContainer" class="cesium-container"></div>
    <div class="btn-class">
        <button @click="zoomByBound(1)">放大相机视角</button>
        <button @click="zoomByBound(0)">缩小相机视角</button>
    </div>
</template>
<script setup>
import { onMounted } from 'vue';
import { addCameraZoom, zoomByBound } from './function';
onMounted(() => {
    addCameraZoom()
});
</script>

<style>
.cesium-container {
    width: 100%;
    height: 100vh;
}
.btn-class {
    position: absolute;
    top: 10px;
    left: 10px;
}
</style>