feat: add map component

+<script lang="ts" setup>
+  import { nextTick, onMounted, ref, unref } from 'vue';
+  import { useScript } from '/@/hooks/web/useScript';
+  import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
+
+  const wrapRef = ref<HTMLDivElement | null>(null);
+  const { toPromise } = useScript({ src: BAI_DU_MAP_URL });
+
+  async function initMap() {
+    await toPromise();
+    await nextTick();
+    const wrapEl = unref(wrapRef);
+    if (!wrapEl) return;
+    const BMap = (window as any).BMap;
+    const map = new BMap.Map(wrapEl);
+    const point = new BMap.Point(116.404, 39.915);
+    map.centerAndZoom(point, 15);
+    map.enableScrollWheelZoom(true);
+  }
+
+  onMounted(() => {
+    initMap();
+  });
+</script>
+
+<template>
+  <div class="w-full h-full flex justify-center items-center">
+    <div ref="wrapRef" class="w-[95%] h-[95%]"></div>
+  </div>
+</template>

@@ -27,6 +27,7 @@ import DigitalDashBoard from './InstrumentComponent/DigitalDashBoard.vue';
 import ToggleSwitch from './ControlComponent/ToggleSwitch.vue';
 import SlidingSwitch from './ControlComponent/SlidingSwitch.vue';
 import SwitchWithIcon from './ControlComponent/SwitchWithIcon.vue';
+import MapComponent from './MapComponent/MapComponent.vue';
 
 export enum FrontComponentCategory {
   TEXT = 'text',
@@ -57,6 +58,7 @@ export enum FrontComponent {
   CONTROL_COMPONENT_TOGGLE_SWITCH = 'control-component-toggle-switch',
   CONTROL_COMPONENT_SWITCH_WITH_ICON = 'control-component-switch-with-icon',
   CONTROL_COMPONENT_SLIDING_SWITCH = 'control-component-sliding-switch',
+  MAP_COMPONENT_TRACK = 'map-component-track',
 }
 
 export interface ComponentConfig {
@@ -164,6 +166,13 @@ frontComponentMap.set(FrontComponent.CONTROL_COMPONENT_TOGGLE_SWITCH, {
   transformConfig: transformControlConfig,
 });
 
+frontComponentMap.set(FrontComponent.MAP_COMPONENT_TRACK, {
+  Component: MapComponent,
+  ComponentKey: FrontComponent.MAP_COMPONENT_TRACK,
+  ComponentCategory: FrontComponentCategory.MAP,
+  transformConfig: () => {},
+});
+
 frontComponentDefaultConfigMap.set(FrontComponent.TEXT_COMPONENT_1, TextComponentDefaultConfig);
 frontComponentDefaultConfigMap.set(FrontComponent.TEXT_COMPONENT_3, TextComponentDefaultConfig);
 frontComponentDefaultConfigMap.set(FrontComponent.TEXT_COMPONENT_4, TextComponentDefaultConfig);