<template>
  <div>
    <map-container>
      <!-- <panel-left></panel-left>
      <panel-right></panel-right> -->
      <mars-map></mars-map>
    </map-container>
 
  </div>
</template>

<script setup>
import {
  MapContainer,
  PanelLeft,
  PanelRight,
  MarsMap,
} from "@/views/components/map";
</script>

<style lang="scss" scoped>
.panel-box {
  position: absolute;
  top: 50%;
  z-index: 100;
  transform: translateY(-50%);
  height: calc(100% - 175px);
  width: 390px;
  background: url("../assets/images/panel-bg.png");
  background-size: 100% 100%;
}
</style>
