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

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

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { useScriptTag } from '@vueuse/core';
+import { TENCENT_MAP_SDK_URL } from '@/constants/map-sdk';
+
+defineOptions({ name: 'TencentMap' });
+
+const { load } = useScriptTag(TENCENT_MAP_SDK_URL);
+
+const domRef = ref<HTMLDivElement | null>(null);
+
+async function renderMap() {
+  await load(true);
+  if (!domRef.value) return;
+  // eslint-disable-next-line no-new
+  new TMap.Map(domRef.value, {
+    center: new TMap.LatLng(39.98412, 116.307484),
+    zoom: 11,
+    viewMode: '3D'
+  });
+}
+
+onMounted(() => {
+  renderMap();
+});
+</script>
+
+<template>
+  <div ref="domRef" class="h-full w-full"></div>
+</template>
+
+<style scoped></style>