daimp-front/sub-government-screen-service/src/components/centerMap.vue

<template>
  <div class="map-center-warp">
    <img :src="getAssetsFile('images/vsualized/gmmap.png')" class="map-img" />
  </div>
</template>
<script setup>
import { isEmpty, getAssetsFile } from '@/utils';
</script>
<style lang="scss" scoped>
.map-center-warp {
  width: 100%;
  text-align: center;
  position: relative;
  height: 100%;
  .map-img {
    width: 80%;
    height: 80%;
    position: absolute;
    bottom: 50px;
    left: 50%;
    object-fit: contain;
    transform: translateX(-50%);
    max-width: 1000px;
    max-height: 1000px;
  }
}
</style>