<template>
  <n-message-provider>
    <n-dialog-provider>
  <div id="map">
    <SceneViewer id="scene-viewer"></SceneViewer>
    <BottomBar></BottomBar>
    <toolbar></toolbar>
  </div>
    </n-dialog-provider>
  </n-message-provider>
</template>

<script setup>
import SceneViewer from './components/map/SceneViewer.vue'
import BottomBar from '@/components/map/BottomBar.vue'
import Toolbar from "@/components/toolbar.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>
