Map.vue 489 B

123456789101112131415161718192021222324252627282930
  1. <script setup lang="ts">
  2. import Header from '@/components/parts/Header.vue';
  3. import { ref } from 'vue';
  4. const zoom = ref(12);
  5. const center = ref([121.59996, 31.197646]);
  6. let map: any = null;
  7. function handleInit(mapRef: any) {
  8. map = mapRef;
  9. }
  10. </script>
  11. <template>
  12. <main class="main-content main-bg">
  13. <Header show-back absolute />
  14. <el-amap
  15. :center="center"
  16. :zoom="zoom"
  17. @init="handleInit"
  18. />
  19. </main>
  20. </template>
  21. <style lang="scss" scoped>
  22. </style>