<script setup lang="ts">
import Header from '@/components/parts/Header.vue';
import { ref } from 'vue';

const zoom = ref(12);
const center = ref([121.59996, 31.197646]);
let map: any = null;

function handleInit(mapRef: any) {
  map = mapRef;
}

</script>

<template>
  <main class="main-content main-bg">
    <Header show-back absolute />
    <el-amap
      :center="center"
      :zoom="zoom"
      @init="handleInit"
    />

  </main>
</template>

<style lang="scss" scoped>


</style>