feat(projects): add page plugin_editor、plugin_icon、plugin_map、plugin_print、plugin_swiper and plugin_video (#430)

src/views/plugin/map/components/gaode-map.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useScriptTag } from '@vueuse/core';
+import { AMAP_SDK_URL } from '@/constants/map-sdk';
+
+defineOptions({ name: 'GaodeMap' });
+
+const { load } = useScriptTag(AMAP_SDK_URL);
+
+const domRef = ref<HTMLDivElement>();
+
+async function renderMap() {
+  await load(true);
+  if (!domRef.value) return;
+  const map = new AMap.Map(domRef.value, {
+    zoom: 11,
+    center: [114.05834626586915, 22.546789983033168],
+    viewMode: '3D'
+  });
+  map.getCenter();
+}
+
+onMounted(() => {
+  renderMap();
+});
+</script>
+
+<template>
+  <div ref="domRef" class="h-full w-full"></div>
+</template>
+
+<style scoped></style>