|
|
|
<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 'components/styles/cesium-compass.css';
|
|
|
|
#map {
|
|
|
|
width: 100vw;
|
|
|
|
height: 100vh;
|
|
|
|
position: relative;
|
|
|
|
/* overflow: hidden; */
|
|
|
|
}
|
|
|
|
#scene-viewer {
|
|
|
|
width: 100vw;
|
|
|
|
height: 100vh;
|
|
|
|
position: absolute;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
</style>
|