update

src/components/chinaMap/chinaMap.vue

@@ -9,10 +9,10 @@
             <div v-show="currentIndex == list.length - 1" class="route-navigation">
                 <a-form :model="formState" layout="inline">
                     <a-form-item class="form-item-self" label="起点">
-                        <a-input v-model:value="formState.start"></a-input>
+                        <a-input v-model:value="formState.start" placeholder="请输入起点"></a-input>
                     </a-form-item>
                     <a-form-item class="form-item-self" label="终点">
-                        <a-input v-model:value="formState.end"></a-input>
+                        <a-input v-model:value="formState.end" placeholder="请输入终点"></a-input>
                     </a-form-item>
                     <a-form-item>
                         <a-button class="reset-btn" @click="removeInput">清空</a-button>
@@ -74,34 +74,28 @@
     }
 
     const formState = ref({
-        start: '西安北站',
+        start: '',
         end: '',
     });
     const list = ref(tabList);
     const currentIndex = ref(0);
 
     function changeTab(item, i: number) {
-        // if (i == currentIndex.value) {
-        //     return;
-        // }
-
         currentIndex.value = i; // 地方医院
+        Map.clearActiveHospital();
+        Map.map.off('moveend', logMapinfo);
         if (TabType.diFangYiYuan == item.type) {
             Map.clearActiveHospital();
             Map.map.on('moveend', logMapinfo);
+            // debugger;
             return;
-        } else {
-            Map.clearActiveHospital();
-            Map.map.off('moveend', logMapinfo);
         }
-
-        // 直升机
         if (TabType.zhiShengJi == item.type) {
             Map.createAircraft(aircraft);
             return;
+        } else {
+            getMapData(item.type, { type: item.type });
         }
-
-        getMapData(item.type, { type: item.type });
     }
 
     function logMapinfo() {
@@ -123,7 +117,17 @@
         try {
             const { code, result } = await mapApiSwitch(type, params);
             if (code == 200 && Array.isArray(result) && result.length > 0) {
-                Map.createOverlay(result);
+                Map.createOverlay(result, {
+                    content: (val) => {
+                        return `<div style="
+                                width: 21px;
+                                height: 44px;
+                                position: absolute;
+                                left: -20px;
+                                top: -20px;" title="${val?.name}">
+                            </div>`;
+                    },
+                });
             }
         } catch (e) {
             console.log('error------------------------------');