<template>
    <div class="map-container" id="mapContainer">
        <slot></slot>
    </div>
  </template>
  
  <script setup>
    import { onMounted } from 'vue';
    import autofit from 'autofit.js'
    onMounted(()=>{
      //启用适配
      autofit.init({
        el:"#mapContainer",
        dh: 1080,
        dw: 1920,
        resize:true,
      })
    })
  
  </script>
  
  <style lang="scss" scoped>
  .map-container{
    position: relative;
    z-index: 100;
    height: 100%;
    width: 100%;
   
  }
  </style>
  