<!-- 首页 -->
<script name="Home" setup lang="ts">
import { ref } from 'vue'
import MapComponent from '@/components/map/Map.vue'
import map11 from '@/components/map/map11.vue'

const center = ref([116.481485, 39.990464]) // 地图中心
const zoom = ref(10) // 地图显示的缩放级别
</script>

<template>
  <div class="home">
    <div id="container" style="height: calc(100vh - 50px); width: 100%; padding: 0;margin: 0;">
      <map-component :center="center" :zoom="zoom" />
    </div>
  </div>
</template>

<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
</style>