<template>
  <div id="map">
    <SceneViewer id="scene-viewer"></SceneViewer>
    <BottomBar></BottomBar>
  </div>
</template>

<script setup lang="ts">
import SceneViewer from './components/map/SceneViewer.vue'
import BottomBar from '@/components/map/BottomBar.vue'
</script>

<style>
@import 'styles/cesium-compass.css';
#map {
  width: 100vw;
  height: 100vh;
  position: relative;
  /* overflow: hidden; */
}
#scene-viewer {
  width: 100vw;
  height: 100vh;
  position: absolute;
  overflow: hidden;
}
</style>
